Question

<table id="user">
    <thead>
    <tr class="theader">
    <th>Order Id</th>
    <th>Message</th>
    <th>Date Created</th>

    </tr>
    </thead>
    <tbody>
    </tbody>
</table>

<script>                                        
$("#user").dataTable({
    "bFilter": false,
    "bAutoWidth": false,
    "bProcessing" : false,
    "bServerSide" : true,
    "sAjaxSource" : "./getOrderDetails.cpm"
});
</script>

朋友们，这是我的数据表。我想在消息列中实现word-wrap break word属性，以便具有out space的长消息将被破坏。你能否告诉我如何将word-wrap break word属性实现到数据表中的一列。

Answer 1

在您的CSS中添加此类。

#user tbody td:nth-child(2)
{
    word-wrap:break-word !important;
}

Answer 2

添加这样的内联CSS或内部CSS。

style =“ white-space：normal;自动换行：break-word; word-break：正常；宽度：自动”

<tr> 
<td class="" style="white-space: normal;word-wrap: break-word;word-break: normal;width:auto"> {{$template->names}}
</td>
<tr>

如何将自动换行单词属性赋予数据表列

2 个答案: