mui实现表格

最新推荐文章于 2022-03-17 22:32:56 发布

崚峰

最新推荐文章于 2022-03-17 22:32:56 发布

阅读量2.7w

点赞数 1

分类专栏： mui 文章标签： mui-table

本文链接：https://blog.csdn.net/u013720726/article/details/77837538

版权

mui 专栏收录该内容

11 篇文章 0 订阅

订阅专栏

　　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>

优惠劵

崚峰

关注关注

1
点赞
踩
7

收藏

觉得还不错? 一键收藏
0
评论
mui实现表格

mui的css文档中没有向bootstrap中类似的写好的样式供调用，但是用table显示表格本身就不难看，再写一些CSS类完全可以放到网页中，下面提供代码：<head> <style> .table { border: 1px solid #cad9ea; color: #666; }
复制链接

扫一扫