Jquery.Datatables td宽度太长的情况下，自动换行

最新推荐文章于 2023-10-16 16:46:23 发布

原创最新推荐文章于 2023-10-16 16:46:23 发布 · 1.1w 阅读

0 ·

CC 4.0 BY-SA版权

本文介绍了一种在表格中显示日期的方法，并提供了代码实现。此外还讨论了如何通过设置CSS样式来控制单元格内容的换行及隐藏，以改善表格的布局效果。

部署运行你感兴趣的模型镜像

部分代码：

{"render": function(data, type, row) {
    if(data) {
        var now = new Date(data*1000);
        var nowStr = now.format("yyyy-MM-dd hh:mm:ss");
        return "<div style=\"min-width:100px;\">"+nowStr+"</div>";
    }else
        return "";
},
    "targets": 5 },

在 td 里面加上 style="word-wrap:break-word;" 自动换行就好了，如果不想换行，可以将超出内容设为隐藏，

overflow:hidden;
white-space:nowrap;

（1）超过宽度和高度文字会自动隐藏

<div style="width:100px;height:25px;overflow-x:hidden;overflow-y:hidden;">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</div>

（2）设置了td的宽度超过长度自动换行

<td><div style="width:100px;word-wrap:break-word;" >aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</div> 
</td>

您可能感兴趣的与本文相关的镜像

ACE-Step

音乐合成

ACE-Step

ACE-Step是由中国团队阶跃星辰（StepFun）与ACE Studio联手打造的开源音乐生成模型。它拥有3.5B参数量，支持快速高质量生成、强可控性和易于拓展的特点。最厉害的是，它可以生成多种语言的歌曲，包括但不限于中文、英文、日文等19种语言