如果表格不设置宽度为100%
<table id="data_table" class="table table-bordered table-striped" >
则调用 datatable后,会根据当前屏幕宽度生成固定宽度,这时候再调整浏览器大小,表格内容不能自适应变宽或变窄。
如果增加width:100%则可以跟随浏览器变化大小
<table id="data_table" class="table table-bordered table-striped" style="width:100%">
本来table.datatable已经有css样式width:100% 但是这个样式会被生成的固定宽度覆盖, 所以只能写内联样式
style="width:100%"
才有效