mui实现表格

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>
版权声明：本文为u013720726原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接和本声明。