Table表格
代码基本结构
颜色设置

table标题栏的背景颜色支持以下颜色列表,将bg-color放在thead标签上。

如果想要设置某一行的背景颜色,请将bg-color放在tr标签上。

当然了,设置某一行的文字颜色也是可以的,请将color放在tr标签上,注意前缀没有bg-哦!

设置某一列的文字颜色,则需要将color放在td标签上,同样没有bg-前缀。

表格排序

表格的排序可通过table上的attr属性来控制,使用data-table-sort

data-table-sort='true'则每列都可排序

data-table-sort='2,4'则第3列与第5列可排序,从左到右并从0开始数,参照数组索引

标准表格
序号 分类 标题 时间
00 箫声自蒹葭深处踏露而来,清音绵长 桃李天下 2019-07-10
01 将锦书层层折叠,付与烟尘 仓央兮措 2019-07-11
02 箫声自蒹葭深处踏露而来,清音绵长 苍生何辜 2019-07-12
03 谁的画笔,蘸了月色 惊才绝艳 2019-07-13
04 来不及抬眸的惊诧,在水意幽然的弦上 歌尽倾君 2019-07-14
05 轻嘘一口气,睫毛噏动的时候 谁堪共语 2019-07-15
06 月色轻寒,凉了书简里的离愁别绪 山河永寂 2019-07-16
带线框表格,可根据升序和降序排序
鼠标经过,高亮某一行文字
序号 分类 标题 时间
00 划出一波轻颤,水蓝点点飞溅 昔云楚楚 2019-07-10
01 却忆当年,同样的蓝月下 桃李不言 2019-07-11
02 笼住水畔小院,也笼住一汪染蓝的心事 流荆默望 2019-07-12
03 梦已经轻巧着陆,波澜不惊 阳春白雪 2019-07-13
04 无怨亦无嗔,从此写满尘世的安然 风流云散 2019-07-14
05 黛眉描罢却回首,笑问深浅入时无 惊才绝艳 2019-07-15
06 淡蓝梦语在幽怨的侵蚀下 仓央兮措 2019-07-16
带线框表格,高亮某一行背景
序号 分类 标题 时间
00 风尘起,竹帘卷 宛如红袖 2019-07-10
01 一袭青衫自万水千山之外打马而至 谁堪共语 2019-07-11
02 却忆当年,同样的蓝月下 苍生何辜 2019-07-12
03 箫音再起,卷一树梨花飞雪 九重宫阙 2019-07-13
04 沉默的辞藻描不出一城荒芜 似水流年 2019-07-14
05 绕着月色织出一方素笺 钟鼎之家 2019-07-15
06 云烟散去,又聚拢 古道热肠 2019-07-16
彩色头部
序号 分类 标题 时间
00 蓝底白花的梦帕上,无风也无月 苍生莫问 2019-07-10
01 轻嘘一口气,睫毛噏动的时候 剑指狂沙 2019-07-11
02 箫声自蒹葭深处踏露而来,清音绵长 月舞神殇 2019-07-12
03 烟雨深处,一枕蓝梦独自消瘦 残破旧年 2019-07-13
04 在落寞的字里行间 阳春白雪 2019-07-14
05 蓝底白花的梦帕上,无风也无月 暮鼓晨钟 2019-07-15
06 云烟散去,又聚拢 古道西风 2019-07-16
彩色头部
序号 分类 标题 时间
00 绕着月色织出一方素笺 仓央兮措 2019-07-10
01 烟雨深处,一枕蓝梦独自消瘦 笑若扶风 2019-07-11
02 梦已经轻巧着陆,波澜不惊 九凤临朝 2019-07-12
03 皓腕轻举,绾绿鬓堆云 阳春白雪 2019-07-13
04 笼住水畔小院,也笼住一汪染蓝的心事 平易近人 2019-07-14
05 烟雨深处,一枕蓝梦独自消瘦 静水流深 2019-07-15
06 划出一波轻颤,水蓝点点飞溅 晦人不倦 2019-07-16