四时宝库

程序员的知识宝库

Bootstrap 基础表格Tables的用法(bootstrap表格代码)

Tables标准结构

<table> 用以包装表格化的数据

<thead> 容纳表格标题行 ,含<tr>以标识表格列

<tbody> 数据体,容纳表格行 <tr>

<th> 用于列头的特殊标签,必须置于 <thead> 标签内

<tr> 容纳行内的一组单元格 <td> or <th>

<td> 默认的表格单元格

<caption>表格用途的描述或摘要,对屏幕阅读器(视障人士读屏软件)非常有用

样式

基本样式:行与行之间用水平线相隔。只需向<table>添加.table

.table-striped可以使奇数行的背景设为灰色。

.table-bordered可以使边框显示。

.table-hover可以使鼠标悬停的行的背景变为灰色。

.table-condensed可以使行间距变小。

如下代码<table class="table table-striped table-bordered table-hover" >

表示表格行与行自己使用水平线相隔、显示表格边框、鼠标悬停行背景变为灰色、奇数行的背景设为灰色。

发表评论:

控制面板
您好,欢迎到访网站!
  查看权限
网站分类
最新留言
    友情链接