Jquery 使用materializecss时不渲染复选框

我在使用第三方essentialobjects网格时使用了materialize css。我的问题是在渲染网格时复选框不渲染

我在MaterializeCSS中发现了一些与复选框问题相关的链接。

我只想在网格上应用补丁，而不是整个页面。请给我你的意见

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>

在此处输入代码

尝试将复选框的文本属性添加为空白，这样它将添加空白的span元素，该元素的类与原始复选框相关联

喜欢普通复选框

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

注意：未针对CheckBoxColumn进行测试，针对普通复选框进行测试