mui实现表格

来源:互联网 发布:centos 搜索文件内容 编辑:程序博客网 时间:2024/06/16 16:05

  mui的css文档中没有向bootstrap中类似的写好的样式供调用,但是用table显示表格本身就不难看,再写一些CSS类完全可以放到网页中,下面提供代码:

<head>    <style>        .table {                border: 1px solid #cad9ea;                color: #666;            }            .table th {                background-repeat: repeat-x;                height: 30px;            }            .table td,            .table th {                border: 1px solid #cad9ea;                padding: 0 1em 0;            }            .table tr.alter {                background-color: #f5fafe;            }    </style></head><body>    <div>         <table width="100%" class="table" id="tablevalue">            <tr><th width=50%>时间</th><th width=50%>温度</th></tr>                <tr><td></td><td></td></tr>        </table>    </div></body>
原创粉丝点击