0

有一个页面,其中通过JS生成的表格如下。子表的只有一列数据,是父表其中一个隐藏列的数据。因为太长所以放在子表显示。但是子表里即使我定义了width,数据显示的时候还是会超出子表显示到外面去了。请问该如何设置才能使子表自动换行显示?

var systemErrorcodeList ={
    getHeight:function () {
        return $(window).height() - $('.searchbar').height() - $('.toolbar').height()-40;
    },
    loadPage : function() {
        $('#mainGrid').bootstrapTable({
            url: platform.config.baseUrl + 'System/systemErrorcode/list',
            height: systemErrorcodeList.getHeight(),
            detailView: true,//父子表
            queryParams: function (params) {
                return $.extend(params,$("#searchForm").serializeObject(),{});
            },
            onExpandRow : function(index, row, $detail) {systemErrorcodeList.InitSubTable(index, row, $detail);}
        });
    },

    //初始化子表格(无限循环)
    InitSubTable : function(index, row, $detail) {
//var parentid = row.disIsbn;
        $detail.html('<table></table>').find('table');
        var html = "";
//
        html += "<table class='table table-striped' border='1' style='width:600px;TABLE-LAYOUT:fixed;WORD-WRAP:break_word'>";
        html += "<thead>";
        html += "<tr>";
        html += "<th>Solution</th>";
        html += "</tr>";
        html += "</thead>";
        html += "<tr><td>" + row.solution + "</td></tr></table>";
        $detail.html(html);

    },

1个回答

0

审查元素,找到子表文本显示地方的标签或者class,自己写css:

   table.table.table-striped{word-break: break-all};

撰写答案