台灣最大程式設計社群網站
線上人數
2045
 
會員總數:245964
討論主題:189547
歡迎您免費加入會員
討論區列表 >> ASP.NET >> gridview Column resize
[]  
[我要回覆]
1
回應主題 加入我的關注話題 檢舉此篇討論 將提問者加入個人黑名單
gridview Column resize
價值 : 100 QP  點閱數:139 回應數:8
樓主

小裕
初學者
137 205
3226 388
發送站內信

前端介面問題
我做了一個gridview
由於某個欄位實在字太多了,導致欄位被撐開非常的醜,

我做了開窗看細部內容
tooltip 顯示品名規格
在該欄位加入toolbar, 可以滾動
但user還是不買單

所以才朝向這方向找資料
有看到欄位可以拉開的
我在windows from看到很多
是否有人webform做過這種功能的呢?
還是大家都如何取處理這方面的東西?



搜尋相關Tags的文章: [ gridview Column resize ] ,
本篇文章發表於2020-07-28 22:37
1樓
不錯的參考

阿恢
捐贈 VP 給 阿恢 檢舉此回應
你講的應該像是下面連結這樣吧?

Guriddo jqGrid JavaScript Demo

本篇文章回覆於2020-07-29 08:30
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
2樓
回應

想睡覺
檢舉此回應
您是指 gridview 欄位文字太長 導致欄位被撐開的情況嗎??
如果可以 能貼個範例圖片參考?
本篇文章回覆於2020-07-29 10:54
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
3樓
回應

想睡覺
檢舉此回應
不知道 這篇的解答是否是你要的
https://stackoverflow.com/questions/16275048/how-to-resize-grid-view-column-width/16277718
本篇文章回覆於2020-07-29 11:09
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
4樓
最有價值解答

topcat
捐贈 VP 給 topcat 檢舉此回應
bootstrap有tooltip

請參考
https://getbootstrap.com/docs/4.0/components/tooltips/

bootstrap可以讓你的網頁變成響應式,對不同螢幕會有不同的動作
裡面也有很多的網頁工具可以利用
建議可以花時間學習
本篇文章回覆於2020-07-29 11:51
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
5樓
回應

topcat
捐贈 VP 給 topcat 檢舉此回應
如果您是指在GridView裡面
輸入的控制項要限制大小,也許改成TextArea

如果是顯示內容,內容太多
其實Scroll不見得方便(要看完整資料要滾滾輪之類的)
反而放部分內容,再加上ToolTip裡面放完整內容
也許是一個方式
本篇文章回覆於2020-07-29 12:15
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
6樓
回應

MIS2000 Lab
檢舉此回應
(1) 把那個欄位,設定為「樣版(Template)」

就能自動欄位寬度

(2) 寫程式來做的話,可以參考這個作法。

GridView的 RowDataBound與 RowCreated事件--[Case Study]文字太長自動換行(斷行、換列、Text Wrap)
https://dotblogs.com.tw/mis2000lab/2013/01/10/gridview_text_wrap_css

希望有幫上一點忙,謝謝
本篇文章回覆於2020-07-29 21:43
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
7樓
不錯的參考

MIS2000 Lab
檢舉此回應
Q : 由於某個欄位實在字太多了,導致欄位被撐開非常的醜,

例如產品名程太長,為了美觀,您可以限制他只出現 "十個字"
後面加上 ... more 或是 ...詳見全文

結果類似這樣:
=========================
1. 最新 i7 電腦 16GB RAM ... more
2. 暢銷書籍 快來搶購 預購 ... more
3. 消費券預購 五折優惠 AB ... more
=========================
如此一來,畫面上就很整齊了
Yahoo首頁應該看得到這樣的效果(他應該不是 GridView做的)

作法跟上面類似,透過 GridView的 RowDataBound事件可以玩出很多花樣

或是參考這一篇
GridView的 RowDataBound與 RowCreated事件--[Case Study]七日內的新文章,加上NEW(小圖片)
https://dotblogs.com.tw/mis2000lab/2013/06/18/rowdatabound_rowcreated_20130618
本篇文章回覆於2020-07-29 21:51
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
8樓
作者回應

小裕
檢舉此回應

感謝大家提供意見
後來選擇tooltip方式處理

===============

<div class="tooltip"><asp:Label ID="item_no" runat="server" Text='<%# Eval("item_no")%>'></asp:Label>
<span class="tooltiptext"><%#SetToolTip()%></span>
</div>


本篇文章回覆於2020-07-30 15:45
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
   
1

回覆
如要回應,請先登入.