Bootstrap 栅格系统响应式布局

问题：DataTables warning: table id=history - Cannot reinitialise DataTable. 

出现这个弹框的背景：

我想要把表格中的比例12等分。实现的想法是：“给表格加一个id，然后用js实现效果（bAutoWidth:false）”,就可以实现表格比例等分。这个方法以前实践过，是可行的。

代码部分：

但是这次就会报上面的这个错误。访问：http://datatables.net/tn/3

里面的方法，我都试过了，但是最后也没有解决问题。我用其他方法解决的这个问题。

添加class属性：

class:"col-md-4" 

补充：

在某⼀个HTML元素中添加类col-md-4，可以将这个元素按照⽗父元素的实际宽度的4/12的进⾏分

配宽度。col开头的所有的类，都是⽤来进⾏栅格系统的布局的。

col-屏幕宽度代号-列数，比如

col-xs-1 表示在xs屏幕尺寸下，此元素占1列，1/12；

clo-lg-2 表示在lg屏幕尺寸下，此元素占2列，1/6;

col-md-3 表示在md屏幕尺寸下，此元素占3列，1/4;

col-md-4 表示在md屏幕尺寸下，此元素占4列，1/3;

col-sm-5 表示在sm屏幕尺寸下，此元素占5列，5/12;

col-xs-6 表示在xs屏幕尺寸下，此元素占6列，1/2。

Bootstrap 栅格系统响应式布局其他信息，参考以下

https://www.cnblogs.com/hyi520/p/9131739.html（转载）

如果有小伙伴解决了这个问题（DataTables warning: table id=history - Cannot reinitialise DataTable. ），也可以跟我聊聊。