Jquery数据表计算错误的宽度

Question

我有一个 jquery 数据表，我初始化如下：

$('#tableElement').DataTable(
    {
        "columns" : [
            {
                "width" : "40%"
            },
            {
                "width" : "40%"
            },
            {
                "width" : "20%"
            }
        ],        
        fixedColumns: true
    }); 

然后我像这样动态添加行：

table.row.add([
            subProductName,
            fileName,
            "<div class='deletePosition' style='color:red; cursor: pointer;'>&#10006;</div>"
        ])
        .draw()
        .node();

表格是在一个 jquery 对话框中设置的，我初始化如下：

$('#dialogElement').dialog({
        autoOpen : false,
        title : "Some title",
        show : "blind",
        modal : true,
        resizable : false,
        scrollbar : false,
        maxWidth: "800px"
});

我的问题：如果我打开对话框，列宽完全搞砸了。虽然我将 maxWidth 指定为 800px，但列并不适用于此，并且占用与其内容一样多的水平空间（意味着它们太小或太宽）。

问题：我怎样才能始终强制我的列保持在我最初创建表格时指定的确切宽度与我稍后插入的内容宽度无关？

Answer 1

试试这个css：

#tableElement{
 table-layout: fixed; 
  word-wrap:break-word; 
}