讓GridView依螢幕大小動態顯示/隱藏欄位(Responsive)

螢幕就那一丁點大
如果要完整顯示GridView的內容 就不是那樣適合瀏覽
因此通常在小螢幕上 我們只保留重要的欄位給使用者
詳細的內容可以用 如 modal 或master-detail方式

那在不同的瀏覽情境下 Desk Tablet Phone 要如何動態顯示/隱藏欄位呢

很簡單

套用Bootstrap框架  我們可以利用指定css屬性來完成

詳情可參考這篇文章
http://techbrij.com/asp-net-gridview-twitter-bootstrap-responsive-design

特別注意  你所套用的不同Bootstrap版本  要對應不同的CSS
Bootstrap2.X :visible-phone
BootStrap3.X : visible-xs

留言

張貼留言

這個網誌中的熱門文章

嘗試卸載資料庫時，發生資料庫正在使用的而無法卸載的可能解決方案

問題 不管在 SSMS或AP中嘗試要卸載DB出現 : 發生【 無法卸離 資料庫 '資料庫名稱'，因為目前正在使用中 】的錯誤 解法 Step1:先查詢哪些DB目前使用(連線)中          E xec sp_who          EXEC sys.sp_who2 Step2              A :   kill   還連線到所要卸載的資料庫的  SPID  KILL 53; GO 刪除指定資料庫上的所有連線，請參考以下的範例： ? 1 2 3 4 5 6 USE master GO ALTER DATABASE [資料庫名稱] SET SINGLE_USER WITH ROLLBACK IMMEDIATE; GO 若是要刪除 SQL Server 上全部的連線，可以使用以下的範例，並且保留本身這條連線不會刪除。 以下是 SQL Server 2005 版本 ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 USE master GO CREATE PROC KillUserConnections AS DECLARE @spid int , @SQLstr nvarchar(128)   DECLARE spids_cr CURSOR FOR SELECT session_id FROM sys.dm_exec_connections WHERE session_id<>@@SPID FOR READ ONLY   O...
閱讀完整內容

PMP常用的英文單字

有時候開Table、為欄位名稱命名時，常會想半天 網路上找到PMP常用的英文，應該可以派上用場 來源：　http://blog.roodo.com/pmp_5472/archives/6049425.html A 英文 縮寫 中文 Actual Cost AC 實際成本 Actual Cost of Work Performed ACWP 完成工作的實際成本 Actual Cost of Work Scheduled ACWS 排定工作的實際成本 Activity Description AD 活動說明書 Arrow Diagramming Method ADM 箭頭圖示法 Actual Finish date AF 實際完成日 Activity-on-Arrow AOA 箭頭圖示活動法 Activity-on-Node AON 節點圖示活動法 Actual Start date AS 實際開始日 B 英文 縮寫 中文 Budget at Completion BAC 完工之預算 Budgeted Cost of Work Performed BCWP 已執行工作的預定成本 Budgeted Cost of Work Scheduled BCWS 已排定工作的預定成本 Bill of Material BOM 材料清單 C 英文 縮寫 中文 Control Account CA 控制賬目 Control Account Plan (previously called Cost Account Plan) CAP 控制會計計畫書 Change Control Board CCB 變更控制委員會 Cost of Quality COQ 品質成本 Cost-Plus-Fee CPF 成本加酬金 Cost-Plus-Fixed-Fee CPFF 成本加固定報酬合約 Cost Performance Index CPI 成本績效指數 Cost-Plus-Incentive-Fee CPIF 成本加獎金報酬合約 Critical Path Method CPM 要徑法 Cost-P...
閱讀完整內容