:::

20. 表格

一、快速產生

在 Visual Studio Code 中輸入b4-table-defaultEnter 可以快速產生表格的語法。

二、關於BootStrap4的表格

  1. 詳情:http://bootstrap.hexschool.com/docs/4.0/content/tables/
  2. 要套用BootStrap4的表格只要在<table>中加入 .table即可,會變成只有橫向的灰線,無垂直框線。
  3. <table>中加入 .table-inverse 可以變為深色表格。
  4. <thead>中加入 .thead-inverse 可以變為深色表格標題,若用.thead-default則是淺灰標題。
  5. <table>中加入 .table-striped 可以讓表格內容呈現一白一灰的斑馬紋。
  6. <table>中加入 .table-bordered 可以讓表格加上框線。
  7. <table>中加入 .table-hover 當滑鼠移過表格內容時,會即時改變底色。
  8. <table>中加入 .table-sm 更為緊密的表格,看起來比較不那麼胖(BS4新語法)。
  9. <table>中加入 .table-responsive 可變成響應式表格,但只有小於768px時有效,會變成需要左右移動。
  10. 另外,關於顏色部份,可參考:http://bootstrap.hexschool.com/docs/4.0/content/tables/#%E8%AA%9E%E6%84%8F%E5%8C%96-class

:::

書籍目錄

展開 | 闔起

https%3A%2F%2Fcampus-xoops.tn.edu.tw%2Fmodules%2Ftad_book3%2Fpage.php%3Ftbdsn%3D966

計數器

今天: 4374437443744374
昨天: 3438343834383438
總計: 7394703739470373947037394703739470373947037394703