关于bootstrap table 固定列宽

最新推荐文章于 2024-09-13 22:25:05 发布

亨呢还要悟再谦虚点

最新推荐文章于 2024-09-13 22:25:05 发布

阅读量4.4w

点赞数

文章标签： bootstrapTable

本文链接：https://blog.csdn.net/u013194063/article/details/79671773

版权

首先为table 设置 style= " table-layout : fixed ; "

 <table id="assessStage" data-height="467" data-mobile-responsive="true" style="table-layout: fixed;">
                </table>

然后在下方columns 处设置width

$('#assessStage').bootstrapTable({
            method: 'get',
            url: "xxx",
            btn: true,
            pagination: true,
            pageSize: 10,
            pageNumber: 1,
            pageList: [10, 15, 30],//分页步进值
            striped: true,
            dataField: "list",
            iconSize: 'outline',
            icons: {
                refresh: 'glyphicon-repeat',
                toggle: 'glyphicon-list-alt',
                columns: 'glyphicon-list'
            },
            columns: [
                [
                    {
                        field: 'student_name',
                        title: '姓名',
                        align: 'center',
                        colspan: 1
                        ,width:100
                    },
                    {
                        field: 'hospital_name',
                        title: '带教单位',
                        align: 'center',
                        colspan: 1
                        ,width:200
                    },
                    {
                        field: 'teacher_name',
                        title: '指导老师',
                        align: 'center',
                        colspan: 1
                        ,width:100
                    },
                    {
                        field: 'start_time',
                        title: '开始时间',
                        align: 'center',
                        colspan: 1,
                        width:100
                    }
                ]
            ]
        });