表格(1)

这是一个表头
这是一个表格
这是一个表格

属性说明

此表格特点为只有一列多用于评论区内容展示,在表格每行底部会有标示线。表格样式类为“front-table”。

使用方法

				<div class="panel panel-default front-panel" style="margin-top: 10px">
				<div class="panel-body front-no-padding" >
					<table class="table table-striped front-table">
						<thead>
						<tr>
							<th >
								<div>这是一个表头</div>
							</th>
						</tr>
						</thead>
						<tr>
							<td >
								<div>这是一个表格</div>
							</td>
						</tr>
						<tr>
							<td>
								<div>这是一个表格</div>
							</td>
						</tr>
					</table>
				</div>
			</div>
			

表格(2)

这是一个表头
这是一个表头
这是一个表格
这是一个表格
这是一个表格
这是一个表格
这是一个表格
这是一个表格
这是一个表格
这是一个表格
这是一个表格
这是一个表格

属性说明

此表格有多行多列,最后一行底部没有标示线,表格样式类为“multi-table”。

使用方法

				<div class="panel panel-default front-panel" style="margin-top: 10px">
				<div class="panel-body front-no-padding" >
					<table class="table table-striped multi-table">
						<thead>
						<tr>
							<th >
								<div>这是一个表头</div>
							</th>
							<th >
								<div>这是一个表头</div>
							</th>
						</tr>
						</thead>
						<tr>
							<td >
								<div>这是一个表格</div>
							</td>
							<td >
								<div>这是一个表格</div>
							</td>
						</tr>
						<tr>
							<td>
								<div>这是一个表格</div>
							</td>
							<td>
								<div>这是一个表格</div>
							</td>
						</tr>
						<tr>
							<td>
								<div>这是一个表格</div>
							</td>
							<td>
								<div>这是一个表格</div>
							</td>
						</tr>
						<tr>
							<td>
								<div>这是一个表格</div>
							</td>
							<td>
								<div>这是一个表格</div>
							</td>
						</tr>
						<tr>
							<td >
								<div>这是一个表格</div>
							</td>
							<td >
								<div>这是一个表格</div>
							</td>
						</tr>
					</table>
				</div>
			</div>