首页 > 其他分享 >关于layui表格中列的宽度问题怎么修改

关于layui表格中列的宽度问题怎么修改

时间:2022-08-21 11:23:01浏览次数:80  
标签:11 表格 layui 中列 宽度 2016

<div class="layui-card-body">
            <table class="layui-table">
                <!-- 这个colgroup就是来控制表格里面每一列的宽度,不加参数就是表明自适应 -->
                <colgroup>
                    <col />
                    <col />
                    <col width="200">
                </colgroup>
                <thead>
                    <tr>
                        <th>分类名称</th>
                        <th>分类别名</th>
                        <th>操作</th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td>贤心</td>
                        <td>2016-11-29</td>
                        <td>人生就像是一场修行</td>
                    </tr>
                    <tr>
                        <td>许闲心</td>
                        <td>2016-11-28</td>
                        <td>于千万人之中遇见你所遇见的人,于千万年之中,时间的无涯的荒野里…</td>
                    </tr>
                </tbody>
            </table>

        </div>

 

标签:11,表格,layui,中列,宽度,2016
From: https://www.cnblogs.com/alwaysrun/p/16609652.html

相关文章

  • mysql 命令创建表格
    显示mysql相关显示命令:showdatabases;#显示数据库创建的数据库名use[databasename]#后showtables;查看table数据信息describe[tablename]#显示表格信息......
  • 关于使用layui加cropper实现裁剪图像
    1.基本使用步骤在<head>中导入cropper.css样式表: <linkrel="stylesheet"href="/assets/lib/cropper/cropper.css"/>在<body>的结束标签之前,按顺序导入如......
  • Python复杂表格数据存储
    表格数据使用字典和列表存储,并实现访问......
  • react滑动分页表格封装
    ScrollTable基本介绍滑动底部进行分页(用Observer实现),支持render支持参数:columns:列属性【Array】,每列支持的属性如下:{hide:false,//是否隐藏该列field:'......
  • layui面板很重要
    <divclass="layui-card"><divclass="layui-card-header">卡片面板</div><divclass="layui-card-body">卡片式面板面板通常用于非白色背景色的主体内<br>......
  • layui的eletree中的下拉树增加搜索功能
    <!DOCTYPEhtml><html><head><metacharset="utf-8"><title></title><metaname="viewport"content="width=device-width,initial-sc......
  • 【nodejs】大事件后台管理项目(三)——layui前端布局
    5.文章管理5.1新建ev_articles表CREATETABLE`my_db_01`.`Untitled`(`Id`int(0)NOTNULLAUTO_INCREMENT,`title`varchar(255)NOTNULLCOMMENT'文章......
  • layui父子间传值
    原文地址:https://www.cnblogs.com/meiqiyuanzi/p/13476296.html子传父值1.html(父页面)<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><me......
  • layui数据表格的渲染方式--方法渲染
    layui数据表格的方法渲染html代码<tableclass="layui-table"id="test"lay-filter="test"></table> js代码<scripttype="text/javascript">......
  • 21、如何画表格?
    (1)插入—>文本框—>【绘制横向文本】(2)在【绘制横向文本】里面插入表格(3)表格中输入文字,就可以删除(1)中插入的【绘制横向文本】,如果不删除的话,就无办法调整表格的高度了。......