GridView + DataTables.js
更新於 發佈於 閱讀時間約 2 分鐘
如果想要在GridView控制項上套用DataTables.js的話有以下幾種方式。
一、純顯示用的GridView
由於DataTables使用上需要套在完整的table格式中, 使用GridView會沒有<thead>的部分，將無法套用。
這時請在後端你的Gridview DataBound區塊加入以下程式碼：
If (e.Row.RowTye = DataControlRowType.Header) Then
e.Row.TableSection = TableRowSection.TableHeader
End If
二、有控制項的Gridview
有控制項的GridView則不適用「一」的方法，由於控制項有Postback的問題，在Postback後，DataTables並不會再重新initiate一次，這時不要更改後端code，直接用前端JS加入<thead>。判斷方式如下
$(document).ready( function() {
bindDataTable();
Sys.WebForms.PageRequestManager.getInstance().add_endRequest(bindDataTable);
})
Function bindDataTable() {
if (document.getElementById(”<% YourGridViewID.ClientID %>”).rows.length > 1) { $(”#YourGridViewID”).prepend($(”<thead></thead>”).append($(”#YourGridViewID”).find(”tr:first”))).DataTable });
}
註：套用時記得要引用css & js喔。
0會員
1內容數
留言0
查看全部
你可能也想看
Google News 追蹤
現代社會跟以前不同了，人人都有一支手機，只要打開就可以獲得各種資訊。過去想要辦卡或是開戶就要跑一趟銀行，然而如今科技快速發展之下，金融App無聲無息地進到你生活中。但同樣的，每一家銀行都有自己的App時，我們又該如何選擇呢？(本文係由國泰世華銀行邀約)
今天我會用不同角度帶大家看這款國泰世華CUB
嘿，大家新年快樂~ 新年大家都在做什麼呢？
跨年夜的我趕工製作某個外包設計案，在工作告一段落時趕上倒數。
然後和兩個小孩過了一個忙亂的元旦。在深夜時刻，看到朋友傳來的解籤網站，興致勃勃熬夜體驗了一下，覺得非常好玩，或許有人玩過了，但還是想寫上來分享紀錄一下~
在本章中，我們探討了CSS Grid佈局的基本概念和應用。CSS Grid提供了一個強大而靈活的二維佈局系統，使得處理複雜的網頁佈局變得更加簡單和直觀。我們學習了如何設置Grid容器和Grid項目，以及如何使用各種Grid屬性來定義和管理佈局。
※ 何時該使用 JOIN？
JOIN 使用的時機是：當你需要同時查詢一張以上的資料表的時候。
※ SQL有哪些TABLE JOIN的方式？
INNER JOIN
LEFT JOIN
RIGHT JOIN
SELF JOIN
※ 使用 JOIN 的時候，我們需要考慮到：
我要使用哪一種
※ 視圖模板
視圖模板（View Templates） 是在 MVC 架構中負責展示數據的 HTML 文件，包含模板語法，用於在渲染時插入實際數據。它們的主要目的是分離數據與展示邏輯，讓代碼更加模塊化和易於維護。
視圖模板設計和使用的核心理念，就是「重複的事情不要重複做、效益最大化、有效利用資源
在數位化時代，傳統表單設計方式已無法滿足現代的需求。Tally 的出現，讓我們重新思考表單設計的可能性。無論是問卷調查還是數據收集，Tally 都將讓你感受到從未有過的便捷和效率。它結合了簡潔的設計與強大的功能，讓你可以輕鬆設計出專業和高效的問卷。現在，讓我們一起來體驗 Tally 的魅力吧！
Teradata SQL Assistant調整選項Submit only the selected query text, when highlighted
data-* attributes 是 HTML 內建的屬性，可將網頁的狀態與元素進行綁定。而Tailwind CSS 在 3.2 版更新中推出使用 data-* attributes 自訂樣式的功能，讓樣式設定可以更動態多變。
今天來聊個最近很夯的主題 DDD，但不是 DDD 的本尊 Domain Driven Design，而是無所不在的 Database Driven Design，Database Driven Design 不是不好，只是你的模型容易變成貧血模型，邏輯都集中在 service 層等等。
在Dcard有人求救一個問題:想要將layer與panel的資料提出出來，如下圖。
這個題目是很經典的需求，就是多條件查找，多條件查找有蠻多種不同的解決方法，甚至版本不同解法也是天壤之別哦。
準備動作
在寫函數之前，記得要先觀察一下我們想要提取的資料有什麼樣的規則，可以發現A欄中只
現代社會跟以前不同了，人人都有一支手機，只要打開就可以獲得各種資訊。過去想要辦卡或是開戶就要跑一趟銀行，然而如今科技快速發展之下，金融App無聲無息地進到你生活中。但同樣的，每一家銀行都有自己的App時，我們又該如何選擇呢？(本文係由國泰世華銀行邀約)
今天我會用不同角度帶大家看這款國泰世華CUB
嘿，大家新年快樂~ 新年大家都在做什麼呢？
跨年夜的我趕工製作某個外包設計案，在工作告一段落時趕上倒數。
然後和兩個小孩過了一個忙亂的元旦。在深夜時刻，看到朋友傳來的解籤網站，興致勃勃熬夜體驗了一下，覺得非常好玩，或許有人玩過了，但還是想寫上來分享紀錄一下~
在本章中，我們探討了CSS Grid佈局的基本概念和應用。CSS Grid提供了一個強大而靈活的二維佈局系統，使得處理複雜的網頁佈局變得更加簡單和直觀。我們學習了如何設置Grid容器和Grid項目，以及如何使用各種Grid屬性來定義和管理佈局。
※ 何時該使用 JOIN？
JOIN 使用的時機是：當你需要同時查詢一張以上的資料表的時候。
※ SQL有哪些TABLE JOIN的方式？
INNER JOIN
LEFT JOIN
RIGHT JOIN
SELF JOIN
※ 使用 JOIN 的時候，我們需要考慮到：
我要使用哪一種
※ 視圖模板
視圖模板（View Templates） 是在 MVC 架構中負責展示數據的 HTML 文件，包含模板語法，用於在渲染時插入實際數據。它們的主要目的是分離數據與展示邏輯，讓代碼更加模塊化和易於維護。
視圖模板設計和使用的核心理念，就是「重複的事情不要重複做、效益最大化、有效利用資源
在數位化時代，傳統表單設計方式已無法滿足現代的需求。Tally 的出現，讓我們重新思考表單設計的可能性。無論是問卷調查還是數據收集，Tally 都將讓你感受到從未有過的便捷和效率。它結合了簡潔的設計與強大的功能，讓你可以輕鬆設計出專業和高效的問卷。現在，讓我們一起來體驗 Tally 的魅力吧！
Teradata SQL Assistant調整選項Submit only the selected query text, when highlighted
data-* attributes 是 HTML 內建的屬性，可將網頁的狀態與元素進行綁定。而Tailwind CSS 在 3.2 版更新中推出使用 data-* attributes 自訂樣式的功能，讓樣式設定可以更動態多變。
今天來聊個最近很夯的主題 DDD，但不是 DDD 的本尊 Domain Driven Design，而是無所不在的 Database Driven Design，Database Driven Design 不是不好，只是你的模型容易變成貧血模型，邏輯都集中在 service 層等等。
在Dcard有人求救一個問題:想要將layer與panel的資料提出出來，如下圖。
這個題目是很經典的需求，就是多條件查找，多條件查找有蠻多種不同的解決方法，甚至版本不同解法也是天壤之別哦。
準備動作
在寫函數之前，記得要先觀察一下我們想要提取的資料有什麼樣的規則，可以發現A欄中只