html table cell에 여러 라인의 text를 출력
DevOps/Web 2021. 7. 11. 00:15
html의 td style 부분에 아래 내용을 추가
{ white-space:pre-line , word-break: break-all}
<table id="test_table">
<thead>
<tr>
<th style="text-align:center;">ID</th>
<th style="text-align:center;">Info Detail</th>
<th style="text-align:center;">Date</th>
</tr>
</thead>
<tbody>
<tr>
<td> 1 </td>
<td style="white-space:pre-line;word-break: break-all;">
Info 1
Info 2
Value 1
Value 2
</td>
<td>'2021-07-10 09:00:00'
</td>
</tr>
</tbody>
<tfoot>
</tfoot>
</table>
참고
https://stackoverflow.com/questions/10937218/how-to-show-multiline-text-in-a-table-cell
'DevOps > Web' 카테고리의 다른 글
stripe style table (search, paging) (0) | 2021.07.11 |
---|---|
javascript/jquery foreach구문을 사용하여 json값 가져오기 (0) | 2021.07.11 |
jQuery 테이블의 특정 행(row)값 가져오기 (0) | 2021.07.09 |
javascript/jquery 클릭 이벤트 강제로 발생 (0) | 2021.07.09 |
select2 구현 및 javascript에서 선택값 변경 (0) | 2021.07.08 |