复选框使用materializecss时不渲染

问题描述:

我正在使用物化css,同时使用第三方基本对象grid.My问题是复选框不呈现时,呈现网格。复选框使用materializecss时不渲染

我发现一些链接与物化css中的复选框问题有关。 https://github.com/Dogfalo/materialize/issues/1376

我只想对电网应用的修复,而不是整个页面。请给我你的意见

enter code here 


<div class="row"> 
           <div class="col s12 m12 l12" > 

            <eo:Grid ID="GridGenMulti" Height="300px" Width="650px" runat="server" EnableViewState="true" 
             ColumnHeaderHeight="26" ItemHeight="50" GridLines="Both" BorderColor="#828790" 
             GridLineColor="0, 0, 0" ColumnHeaderDividerImage="00050203" Font-Names="'Helvetica Neue', 'Lucida Grande', 'Segoe UI', Arial, Helvetica, Verdana, sans-serif" 
             Font-Size="8.75pt" BorderWidth="1px" IsCallbackByMe="False" FullRowMode="false" 
             AllowNewItem="False" ScrollBars="Auto" FixedColumnCount="1" EnableKeyboardNavigation="true" > 
             <ItemStyles> 
              <eo:GridItemStyleSet > 
               <SelectedStyle CssText="background-image: url(00050207); background-repeat: repeat-x"> 
               </SelectedStyle> 
               <CellStyle CssText="padding-left:6px;padding-top:2px;"></CellStyle> 
               <ItemStyle CssText="background-color: yellow; "></ItemStyle> 
               <FixedColumnCellStyle CssText="background-color: #ebeadb;padding-left:6px;padding-top:2px; "> 
               </FixedColumnCellStyle> 
              </eo:GridItemStyleSet> 
             </ItemStyles> 
             <ColumnHeaderHoverStyle CssText="background-image:url('00050202');padding-left:8px;padding-top:2px;"> 
             </ColumnHeaderHoverStyle> 
             <ColumnHeaderStyle CssText="background-image:url('00050201'); background-repeat:repeat;padding-left:8px;padding-top:2px; word-wrap: break-word; vertical-align:middle;"> 
             </ColumnHeaderStyle> 
             <FooterStyle CssText="padding-bottom:4px;padding-left:4px;padding-right:4px;padding-top:2px;"> 
             </FooterStyle> 
             <Columns> 


              <eo:CheckBoxColumn HeaderText="Select" Visible="true" Width="100" > 

              </eo:CheckBoxColumn> 

              <eo:StaticColumn HeaderText="File No" Visible="false" Width="100"> 
              </eo:StaticColumn> 
              <eo:StaticColumn HeaderText="Employee" AllowSort="true" Width="100"> 
              </eo:StaticColumn> 
              <eo:TextBoxColumn HeaderText="Remarks" Width="350"> 
              </eo:TextBoxColumn> 
             </Columns> 
            </eo:Grid> 
           </div> 
          </div> 

尝试CheckBox的Text属性添加到空白所以它会把它有一流的空白span元素相关原装复选框可替换

类似普通复选框

<asp:CheckBox ID="chk" CssClass="bold" Text="" runat="server" /> 

注:并非泰斯特d为CheckBoxColumn,正常测试复选框