zoukankan      html  css  js  c++  java
  • GridView 自动折行的解决方案

    当GridView 行内文字过长,且文字内有数字,字母或者符号的时候,会出现汉字和字母数字中间折行,很不美观,经过几番测试,终于找到一个比较完美的解决方案。

    设置设备名称列

      <ItemStyle HorizontalAlign="Center"  Width="100px" Wrap="true" />

    前台页面代码:

    <asp:GridView ID="gvAllocate" runat="server" AutoGenerateColumns="False">
    <Columns>
    <asp:TemplateField HeaderText="序号">
    <ItemTemplate>
    <%# (this.pager.CurrentPageIndex - 1) * this.pager.PageSize + Container.DataItemIndex + 1%>
    </ItemTemplate>
    <HeaderStyle HorizontalAlign="Center" Width="50px" />
    </asp:TemplateField>
    <asp:BoundField DataField="AINFO_NO" HeaderText="调拨编号">
    <HeaderStyle HorizontalAlign="Center" />
    <ItemStyle HorizontalAlign="Center" Width="120px" />
    </asp:BoundField>
    <asp:BoundField DataField="EQUIP_INFO_NAME" HeaderText="设备名称">
    <HeaderStyle HorizontalAlign="Center" />
    <ItemStyle HorizontalAlign="Center" Width="100px" Wrap="true" />
    </asp:BoundField>
    <asp:BoundField DataField="EQUIP_INFO_MODEL" HeaderText="规格型号">
    <HeaderStyle HorizontalAlign="Center" />
    <ItemStyle HorizontalAlign="Center" Width="100px" />
    </asp:BoundField>
    <asp:BoundField DataField="TYPE_NAME" HeaderText="设备类型">
    <HeaderStyle HorizontalAlign="Center" />
    <ItemStyle HorizontalAlign="Center" Width="80px" />
    </asp:BoundField>
    <asp:BoundField DataField="ALIST_NUM" HeaderText="调拨数量">
    <HeaderStyle HorizontalAlign="Center" />
    <ItemStyle HorizontalAlign="Center" Width="60px" />
    </asp:BoundField>
    <asp:BoundField DataField="AINFO_TIME" HeaderText="调拨时间" DataFormatString="{0:yyyy-MM-dd}">
    <HeaderStyle HorizontalAlign="Center" />
    <ItemStyle HorizontalAlign="Center" Width="70px" />
    </asp:BoundField>
    <asp:BoundField DataField="AINFO_USER" HeaderText="调拨人">
    <HeaderStyle HorizontalAlign="Center" />
    <ItemStyle HorizontalAlign="Center" Width="60px" />
    </asp:BoundField>
    </Columns>
    </asp:GridView>

    CS代码:

    protected void Page_Load(object sender, EventArgs e)
    {
    if (!IsPostBack)
    {
    //自动换行
    gvAllocate.Attributes.Add("style", "word-break:break-all;word-wrap:break-word");
    }
    }
  • 相关阅读:
    集训作业 洛谷P1135 奇怪的电梯
    集训作业 洛谷P1433 吃奶酪
    集训作业 洛谷P1443 马的遍历
    集训作业 洛谷P1032 字串变换
    T3 成绩单 题解
    T4 字符串的修改 题解
    P3379 最近公共祖先(LCA) 洛谷
    集训作业 洛谷P3913 车的攻击
    解决intellij idea卡顿的方法
    好的在线开发工具推荐
  • 原文地址:https://www.cnblogs.com/kingboy2008/p/2083370.html
Copyright © 2011-2022 走看看