关于C1Gridview中的C1Band设置的顶部样式会影响到其他单独列的样式

收藏

<wijmo:C1GridView ID="dgMst1" runat="server" AutogenerateColumns="False" CssClass="gdvTable" AllowColSizing="True">
                     <Columns>
                        <wijmo:C1BoundField  Width="200px" DataField="year_month" HeaderText="入力値年月" ShowFilter="true">
                        <HeaderStyle Wrap="false" Font-Size="Larger" BackColor="white" CssClass=""></HeaderStyle>
                        <ItemStyle Wrap="false"  CssClass="tc"></ItemStyle>
      </wijmo:C1BoundField>
            <wijmo:C1Band HeaderText="会计年度">
               <%--<HeaderStyle BackColor="#4F81BD" />--%>
<Columns>

<wijmo:C1BoundField DataField="year" HeaderText="年" Width="100px" SortExpression="year">
               <ItemStyle Wrap="false" CssClass="tc"></ItemStyle>
                              <HeaderStyle Wrap="false" BackColor="#4F81BD" ForeColor="White" CssClass="tc" ></HeaderStyle>
</wijmo:C1BoundField>

<wijmo:C1BoundField DataField="year_half" HeaderText="半期" Width="100px" SortExpression="year_half">
                                       <ItemStyle Wrap="false" CssClass="tc"></ItemStyle>
                              <HeaderStyle Wrap="false" BackColor="#4F81BD" ForeColor="White" CssClass="tc" ></HeaderStyle>
</wijmo:C1BoundField>

                    <wijmo:C1BoundField DataField="four_half" HeaderText="四半期" Width="100px" SortExpression="four_half">
               <ItemStyle Wrap="false" CssClass="tc"></ItemStyle>
                              <HeaderStyle Wrap="false" BackColor="#4F81BD" ForeColor="White" CssClass="tc" ></HeaderStyle>
                     </wijmo:C1BoundField>


</Columns>
</wijmo:C1Band>
                        <wijmo:C1Band HeaderText="日本会计年度">
                              <HeaderStyle BackColor="#00B0F0" />
               <ItemStyle Font-Size="Medium"/>
<Columns>
<wijmo:C1BoundField DataField="year_jp" HeaderText="年" Width="100px" SortExpression="year_jp">
               <ItemStyle Wrap="false" CssClass="tc"></ItemStyle>
                              <HeaderStyle Wrap="false" BackColor="#00B0F0" CssClass="tc" ></HeaderStyle>
</wijmo:C1BoundField>
<wijmo:C1BoundField DataField="year_half_jp" HeaderText="半期" Width="100px" SortExpression="year_half_jp">
                                       <ItemStyle Wrap="false" CssClass="tc"></ItemStyle>
                              <HeaderStyle Wrap="false" BackColor="#00B0F0"  CssClass="tc" ></HeaderStyle>
</wijmo:C1BoundField>
                    <wijmo:C1BoundField DataField="four_half_jp" HeaderText="四半期" Width="100px" SortExpression="four_half_jp">
               <ItemStyle Wrap="false" CssClass="tc"></ItemStyle>
                              <HeaderStyle Wrap="false" BackColor="#00B0F0" CssClass="tc" ></HeaderStyle>
                     </wijmo:C1BoundField>
</Columns>
</wijmo:C1Band>
                     </Columns>
                  </wijmo:C1GridView>

更改第1个band的顶部样式会影响到其他单独列的样式

Alice · Alice

您好。
引用同一种样式，修改的时候，都是同步变化的。
针对这个问题，可以在客户端通过css设置背景色，比如代码参考：

<script type="text/javascript">
$(document).ready(function () {
$(".wijmo-wijgrid-headerrow th:eq(0)").css("background-color", "blue");
$(".wijmo-wijgrid-headerrow th:eq(1)").css("background-color", "red");
$(".wijmo-wijgrid-headerrow th:eq(2)").css("background-color", "green");
});
</script>

复制代码

miaozhihao · miaozhihao

要达到如图的效果

miaozhihao · miaozhihao

Alice 发表于 2017-3-10 18:06
您好。
引用同一种样式，修改的时候，都是同步变化的。
针对这个问题，可以在客户端通过css设置背景色， ...

完美的解决了我的问题！谢谢

Alice · Alice

miaozhihao 发表于 2017-3-13 09:57
完美的解决了我的问题！谢谢

不用客气。

		自动登录	找回密码
密码			立即注册

[已处理] 关于C1Gridview中的C1Band设置的顶部样式会影响到其他单独列的样式

4 个回复

本帖子中包含更多资源

浏览过的版块

微信认证勋章

活字格认证

元老葡萄