表格功能

圖片 內容摘要 發佈日期 排序 狀態 動作
圖片名稱

文章標題文章標題文章標題文章標題文章標題文章標題今日異動置頂

簡述內容簡述內容簡述內容簡述內容簡述內容簡述內容簡述內容簡述內容簡述內容文章分類

2018/08/05
1
刪除瀏覽編輯子項目發送郵件紀錄登入紀錄加入
圖片名稱

文章標題文章標題文章標題文章標題文章標題文章標題今日異動置頂

簡述內容簡述內容簡述內容簡述內容簡述內容簡述內容簡述內容簡述內容簡述內容文章分類

2018/08/05
2
刪除瀏覽編輯子項目發送郵件紀錄登入紀錄加入
篩選
+table_toolbar
  +table_toolbar_left
      +table_toolbar_serch
          option(value='detail.subject') 標題名稱
          option(value='detail.content') 所有內容
  +table_toolbar_right
      +table_toolbar_filter
          +t_filter_select('category','ture')
              option(selected='selected') 分類全部
              option(value='13') ├典藏雕塑
              option(value='40') ├-中型雕塑
      +t_filter_select
          option(selected='selected') 標籤全部
      +t_filter_select
          option(selected='selected') 屬性全部
+ui_t_filter_select_status
th
+table('tableList2')
  thead
      tr
          +ui_table_thead_selectall('tableList')
          +ui_th_pic
          +ui_th_title
          +ui_th_date 發佈日期
          +ui_th_sort
          +ui_th_status
          +ui_th_action
td
tbody
  tr
      td
          +ui_t_inputselect('0')
      +ui_td_pic
          +t_pic('531047179','圖片名稱')
      td
          +t_title_a('articlNewsEdit','文章標題文章標題文章標題文章標題文章標題文章標題')
              +ui_t_todayEdit
              +ui_t_top
          +t_p('簡述內容簡述內容簡述內容簡述內容簡述內容簡述內容簡述內容簡述內容簡述內容')
              +ui_t_category('文章分類')
      td 2018/08/05
      +ui_td_sort
          +ui_talbe_sort('1')
      td
          +ui_t_status('y')
      +ui_td_action
          +ui_t_btn_del
          +ui_t_btn_view
          +ui_t_btn_edit(href=currentUrl+'Edit'+linkfile)
          +ui_t_btn_sub
          +ui_t_btn_mail
          +ui_t_btn_record
          +ui_t_btn_userRecord
          +ui_t_btn_done

datatables 表格

設定值: 更多資訊請至 https://datatables.net/
圖片 內容摘要 發佈日期 排序 狀態 動作
質感也太

質感也太今日異動置頂

外層材質則是採用..最新消息

2017-11-05
0
刪除瀏覽編輯子項目發送郵件紀錄登入紀錄加入
機器人會寫鬼故事? 考驗讀者膽量笑點

機器人會寫鬼故事? 考驗讀者膽量笑點置頂

人工智慧能做的事情越..最新消息

2017-11-25
1
刪除瀏覽編輯子項目發送郵件紀錄登入紀錄加入
AlphaGo不只會玩棋 還要幫電力公司配電

AlphaGo不只會玩棋 還要幫電力公司配電

根據開發AlphaGo的谷歌DeepMind團隊的說法,下遍天下已無敵手的AlphaGo目標並不只是玩圍棋,未來它也可以協助運算如何運送電力,開展更多任務..活動資訊

2017-09-25
2
刪除瀏覽編輯子項目發送郵件紀錄登入紀錄加入
RapaQ上線 首創一站式設計智造平台 解決市場3大痛點

RapaQ上線 首創一站式設計智造平台 解決市場3大痛點

串聯台灣設計、製造2大產業優勢,首創一站式設計智造平台RapaQ正式上線。執行長陳錦源表示,RapaQ透過網路科技與思維,提供從設計、資金、製造、通路、市..課程資訊

2017-09-28
3
刪除瀏覽編輯子項目發送郵件紀錄登入紀錄加入
沙烏地「新未來城」…機器人將比人多

沙烏地「新未來城」…機器人將比人多

沙烏地阿拉伯王儲賓.沙爾曼(Mohammed bin Salman)宣布將斥資5,000億美元在紅海岸的沙漠地區築起一座新城市,稱為「Neom」(意為「新未來」)。..系統公告

2017-01-28
4
刪除瀏覽編輯子項目發送郵件紀錄登入紀錄加入
沙烏地「新未來城」…機器人將比人多

沙烏地「新未來城」…機器人將比人多置頂

沙烏地阿拉伯王儲賓.沙爾曼(Mohammed bin Salman)宣布將斥資5,000億美元在紅海岸的沙漠地區築起一座新城市,稱為「Neom」(意為「新未來」)。..活動資訊

2016-01-28
5
刪除瀏覽編輯子項目發送郵件紀錄登入紀錄加入
「喜極而泣」是最受蘋果用戶歡迎的表情符號

「喜極而泣」是最受蘋果用戶歡迎的表情符號

為了要在保持隱私的狀態下搜集用戶的數據,蘋果先前發表了一個稱為「差別隱私(differential privacy)的科技,可在合法(至少目前還沒有重大問題)技術。最近,蘋果則是..活動資訊

2014-06-07
6
刪除瀏覽編輯子項目發送郵件紀錄登入紀錄加入
幾可亂真的視覺體驗-32-吋曲面電競顯示器動手玩

幾可亂真的視覺體驗-32-吋曲面電競顯示器動手玩

相信熱愛電競遊戲的玩家一定都知道,要體驗最極致的電競效果,除了要具備高規的處理器、主機板、顯示卡,甚至大容量的記憶體之外,螢幕也是讓電競體驗更,它不僅配備大尺寸的曲面螢..課程資訊

2017-06-05
7
刪除瀏覽編輯子項目發送郵件紀錄登入紀錄加入
iX帶頭 擴增實境手機出貨將爆發

iX帶頭 擴增實境手機出貨將爆發

擴增實境(AR)受到iPhone X帶動,未來將被視為是高階智慧手機的「必備」。元大投顧分析師蒲得宇指出,行動AR即將起飛,搭載AR的智慧手機出貨量會從2018年1.99億支,大更上看500億美元..系統公告

2017-12-05
8
刪除瀏覽編輯子項目發送郵件紀錄登入紀錄加入
臉書AR特效濾鏡淘金 啟雲在台首發

臉書AR特效濾鏡淘金 啟雲在台首發

啟雲於2014年1月成立,第一支行動應用產品3D拍拍(Insta3D)在2015年4月拿下全球App Store免費下載App第一名;2016年推出3D人偶動態貼圖產生器3D貼貼(Insta3D GifMoji)..最新消息

2017-06-05
9
刪除瀏覽編輯子項目發送郵件紀錄登入紀錄加入
低頭族最常見的三種酸痛狀況 四招健身操讓你擺脫不適

低頭族最常見的三種酸痛狀況 四招健身操讓你擺脫不適

智慧手機盛行,讓現代人愈來愈容易腰痠背痛、骨骼退化,趕快來學幾招,強化肩頸、腹肌,甩開疼痛。臺大醫院復健部主治醫師、好心肝門診中心特聘醫師..最新消息

2017-08-05
10
刪除瀏覽編輯子項目發送郵件紀錄登入紀錄加入
機器人會寫鬼故事? 考驗讀者膽量笑點

機器人會寫鬼故事? 考驗讀者膽量笑點置頂

人工智慧能做的事情越來越多,像是羞辱棋王,擦地掃地,當導覽員,還有成為沙烏地的公民。不過,會講鬼故事的機器人,大概領教過的人就不多了..活動資訊

2017-11-25
11
刪除瀏覽編輯子項目發送郵件紀錄登入紀錄加入
AlphaGo不只會玩棋 還要幫電力公司配電

AlphaGo不只會玩棋 還要幫電力公司配電

根據開發AlphaGo的谷歌DeepMind團隊的說法,下遍天下已無敵手的AlphaGo目標並不只是玩圍棋,未來它也可以協助運算如何運送電力,開展更多任務..系統公告

2017-09-25
12
刪除瀏覽編輯子項目發送郵件紀錄登入紀錄加入
RapaQ上線 首創一站式設計智造平台 解決市場3大痛點

RapaQ上線 首創一站式設計智造平台 解決市場3大痛點

串聯台灣設計、製造2大產業優勢,首創一站式設計智造平台RapaQ正式上線。執行長陳錦源表示,RapaQ透過網路科技與思維,提供從設計、資金、製造、通路、市..

2017-09-28
13
刪除瀏覽編輯子項目發送郵件紀錄登入紀錄加入
「喜極而泣」是最受蘋果用戶歡迎的表情符號

「喜極而泣」是最受蘋果用戶歡迎的表情符號

為了要在保持隱私的狀態下搜集用戶的數據,蘋果先前發表了一個稱為「差別隱私(differential privacy)的科技,可在合法(至少目前還沒有重大問題)的前的技術。最近,蘋果則是..最新消息

2014-06-07
14
刪除瀏覽編輯子項目發送郵件紀錄登入紀錄加入
幾可亂真的視覺體驗-32-吋曲面電競顯示器動手玩

幾可亂真的視覺體驗-32-吋曲面電競顯示器動手玩

相信熱愛電競遊戲的玩家一定都知道,要體驗最極致的電競效果,除了要具備高規的處理器、主機板、顯示卡,甚至大容量的記憶體之外,螢幕也是讓電競體驗更加卓越不可或缺的一環。這次要為大家帶來的產..

2017-06-05
15
刪除瀏覽編輯子項目發送郵件紀錄登入紀錄加入
iX帶頭 擴增實境手機出貨將爆發

iX帶頭 擴增實境手機出貨將爆發

擴增實境(AR)受到iPhone X帶動,未來將被視為是高階智慧手機的「必備」。元大投顧分析師蒲得宇指出,行動AR率達27%,市場規模更上看500億美元..

2017-12-05
16
刪除瀏覽編輯子項目發送郵件紀錄登入紀錄加入

table 表格

添加 table.table

# First Last
1 Mark Otto
2 Jacob Thornton

添加 table.table-dark

# First Last
1 Mark Otto
2 Jacob Thornton

表格 head

添加 thead.thead-dark

# First Last
1 Mark Otto
2 Jacob Thornton

添加 thead.thead-light

# First Last
1 Mark Otto
2 Jacob Thornton

條紋行

添加 table.table-striped

# First Last
1 Mark Otto
2 Jacob Thornton

添加 table.table-striped.table-dark

# First Last
1 Mark Otto
2 Jacob Thornton

帶框

添加 table.table-bordered

# First Last
1 Mark Otto
2 Jacob Thornton

添加 table.table-bordered.table-dark

# First Last
1 Mark Otto
2 Jacob Thornton

滑過顏色

添加 table.table-hover

# First Last
1 Mark Otto
2 Jacob Thornton

添加 table.table-hover.table-dark

# First Last
1 Mark Otto
2 Jacob Thornton

小表格

添加 table.table-sm

# First Last
1 Mark Otto
2 Jacob Thornton

添加 table.table-sm.table-dark

# First Last
1 Mark Otto
2 Jacob Thornton

儲存格上色

添加於td or tr

Class Heading Heading
default Cell Cell
primary Cell Cell
secondary Cell Cell
success Cell Cell
info Cell Cell
warning Cell Cell
danger Cell Cell
light Cell Cell
dark Cell Cell
main Cell Cell

添加 table.table-sm.table-dark

Class Heading Heading
default Cell Cell
primary Cell Cell
secondary Cell Cell
success Cell Cell
info Cell Cell
warning Cell Cell
danger Cell Cell
light Cell Cell
dark Cell Cell
main Cell Cell

響應式表格

添加 .table-responsive

# Heading Heading Heading Heading Heading Heading Heading Heading Heading
1 Cell Cell Cell Cell Cell Cell Cell Cell Cell

添加 .table-responsive-sm

# Heading Heading Heading Heading Heading Heading Heading Heading Heading
1 Cell Cell Cell Cell Cell Cell Cell Cell Cell

添加 .table-responsive-md

# Heading Heading Heading Heading Heading Heading Heading Heading Heading
1 Cell Cell Cell Cell Cell Cell Cell Cell Cell

添加 .table-responsive-lg

# Heading Heading Heading Heading Heading Heading Heading Heading Heading
1 Cell Cell Cell Cell Cell Cell Cell Cell Cell
table-responsive
  table.table
    thead
        tr
          th(scope='col') #
          th(scope='col') First
          th(scope='col') Last
    tbody
        tr
          th(scope='row') 1
          td Mark
          td Otto
        tr
          th(scope='row') 2
          td Jacob
          td Thornton

表格其他

# Heading Heading Heading Heading Heading Heading Heading Heading Heading
1 文字按鈕 Cell Cell Cell Cell Cell Cell Cell Cell