datatable内容过长时表格会超出界面

设置表格样式如下即可

table{table-layout:fixed;word-break:break-all;}

table-layout:设置表格的布局算法:

属性值

描述
automatic 默认。列宽度由单元格内容设定。
fixed 列宽由表格宽度和列宽度设定。
inherit 规定应该从父元素继承 table-layout 属性的值。

word-break:在合适的点换行

word-break: normal|break-all|keep-all;

 

描述
normal 使用浏览器默认的换行规则。
break-all 允许在单词内换行。
keep-all 只能在半角空格或连字符处换行。

 

你可能感兴趣的:(前端)