bootstrap-table变形的解决办法

1.设置列的width参数

 var options = {
                url: prefix + "/list",
                createUrl: prefix + "/toAdd",
                modalName: "元数据",
                search: false,
                showExport: false,
                columns: [{
                    checkbox: true
                },
                {
                    field: 'id',
                    title: 'ID'
                },
                
                {
                    field: 'valCol',
                    title: '列名',
                    width: "30%"
                },
               ]
        };

2.页面加css控制

table {
    word-wrap: break-word;
    word-break:break-all;
    table-layout:fixed;
}
table td{
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}

文/程忠 浏览次数:0次   2021-01-21 16:17:46

相关阅读


评论: