layui表格设置固定宽度

layui的静态表格，宽度都是自适应的，即内容长了就会变宽，要么就会换行，看起来让人很不舒服，那么有没有办法将其设置为固定宽度呢，其实只需要加上一个样式即可

style="table-layout:fixed"

比如：

<table class="layui-table" style="table-layout:fixed">
	<colgroup>
		<col width="60">
		<col width="160">
		<col width="350">
		<col width="200">
		<col width="70">
		<col width="100">
	</colgroup>
	<thead>
		<tr>
			<th>序号</th>
			<th>检测时间</th>
			<th>检测链接</th>
			<th>文章标题</th>
			<th>状态</th>
			<th>操作</th>
		</tr>
	</thead>
	<tbody id="checkListView">

	</tbody>
</table>

我们来看看table-layout的属性

table-layout有三个属性值：auto、fixed、inherit。

auto：默认，自动表格布局，列宽度由单元格中没有折行的最宽的内容设定。此算法有时比较慢，这是由于它需要在确定最终的布局之前访问表格中所有的内容。

fixed：固定表格布局，水平布局仅仅取决于表格宽度、列宽度、表格边框宽度、单元格间距、而与单元格的内容无关。与自动表格布局相比，允许浏览器更快地对表格进行布局。通过固定表格布局用户代理在接收到第一行后就可以显示表格。

inherit:从父元素继承table-layout属性的值，任何版本的IE都不支持