bootstrap table 设置表格标题过长，导致列宽较大解决办法

最新推荐文章于 2024-07-05 10:53:36 发布

Mrceel

最新推荐文章于 2024-07-05 10:53:36 发布

阅读量3.7k

点赞数

文章标签： bootstrap table

本文链接：https://blog.csdn.net/mrceel/article/details/83279456

版权

有时候表格的title比较长的时候我们既不想让他折行，又不想让他一列显示。这时候只能是让他出现省略号了。

代码如下.....

title：的值直接设置为想要显示的东西（文字等）

titleTooltip：这里的值就是鼠标hover的时候显示的东西

that.view.tableChart.dom.bootstrapTable({
    data: that.model.tableChart.source,
    mergeCellField: "PNAME",//合并单元格字段
    search: false,
    stickyHeader: true,
    columns:[
        {
            field: 'Y' + (i + 1) + '_YX',
            rowspan: 1,
            colspan: 1,
            title: '两个黄鹂鸣垂柳...',
            titleTooltip: "两个黄鹂鸣翠柳，一行白鹭上青天",
            align: "right",
            halign: 'center',
        },
    ]
});