zoukankan      html  css  js  c++  java
  • 关于bootstrap table 固定列宽

    首先为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
                            ,100
                        },
                        {
                            field: 'hospital_name',
                            title: '带教单位',
                            align: 'center',
                            colspan: 1
                            ,200
                        },
                        {
                            field: 'teacher_name',
                            title: '指导老师',
                            align: 'center',
                            colspan: 1
                            ,100
                        },
                        {
                            field: 'start_time',
                            title: '开始时间',
                            align: 'center',
                            colspan: 1,
                            100
                        }
                    ]
                ]
            });

  • 相关阅读:
    父组件向子组件传递数据(vue.js)
    vue引入JQ的方法
    webstorm添加*.vue文件代码提醒支持webstorm支持es6vue里支持es6写法
    创建脚手架步骤
    JS严格校验身份证号
    微信小程序开发工具 常用快捷键
    GIT 常用命令
    git 操作
    通过selenium(也有Puppeter版在最后)登录网页获取特定信息
    用Django ORM实现树状结构
  • 原文地址:https://www.cnblogs.com/zhuyeshen/p/11981916.html
Copyright © 2011-2022 走看看