miaozhihao 发表于 2017-3-10 13:53:52

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

<wijmo:C1GridView ID="dgMst1" runat="server" AutogenerateColumns="False" CssClass="gdvTable" AllowColSizing="True">
                     <Columns>
                        <wijmo:C1BoundFieldWidth="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 发表于 2017-3-10 18:06:55

您好。
引用同一种样式，修改的时候，都是同步变化的。
针对这个问题，可以在客户端通过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 发表于 2017-3-10 13:59:30

要达到如图的效果

miaozhihao 发表于 2017-3-13 09:57:38

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

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

Alice 发表于 2017-3-13 10:39:13

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

不用客气。{:4_86:}
页: [1]
查看完整版本: 关于C1Gridview中的C1Band设置的顶部样式会影响到其他单独列的样式