Question

我已将ASP.NET GridView转换为jQuery DataTable。

我想应用jQuery DataTable来允许排序。但是，当我分配"bSort":true,时，它正在显示dataTable。

SORRY AS I'M NEW HERE I'M NOT ALLOWED TO POST IMAGES YET.

但是我的问题是在thead下添加了另一行（使用相同的CSS），当我点击特定列时，只有CSS消失了。但行仍然存在。

我已尝试使用此datatable的代码。

function pageLoad() {
            var r;
            if ($('#ctl00_CPHLAMBDA_GrdSampleSaved').length != 0) {
                debugger;
                r = $('#<%= GrdSampleSaved.clientid %> tr:first')
                $('#<%= GrdSampleSaved.clientid %> tr:first').remove();
                $('#<%= GrdSampleSaved.clientid %>').prepend($('<thead>').append(r));
            }
            var bTable = $('#<%= GrdSampleSaved.clientid %>').dataTable({
                "bStateSave": false,
                "bPaginate": true,
                "sPaginationType": "full_numbers",
                "bSort": true,
                "bDestory": true,
                "bRetrieve": true

            });

            //$('#<%= GrdSampleSaved.clientid %> tbody tr:first').remove();
        }

HTML

<div id="divGrd">
                        <asp:GridView ID="GrdSample" runat="server" AutoGenerateColumns="false" ShowFooter="True"
                            SkinID="grdViewSmlAutoSize" Style="width: 100%; margin-top: 2%;" AllowPaging="true"
                            PageSize="10">
                            <HeaderStyle BackColor="#3A87AD" />
                            <Columns>
                                <asp:BoundField DataFormatString="number" HeaderText="Sr No">
                                    <ItemStyle HorizontalAlign="Center" Width="5%" Wrap="true" />
                                    <HeaderStyle HorizontalAlign="Center" VerticalAlign="Middle" Width="5%" Wrap="true" />
                                </asp:BoundField>
                                <asp:BoundField DataField="vSampleId" HeaderText="Sample ID">
                                    <ItemStyle HorizontalAlign="Center" Wrap="true" Width="8%" />
                                    <HeaderStyle HorizontalAlign="Center" VerticalAlign="Middle" Wrap="true" Width="8%" />
                                </asp:BoundField>
                                <asp:BoundField DataField="vSampleType" HeaderText="Sample Type">
                                    <ItemStyle HorizontalAlign="Center" Wrap="true" Width="20%" />
                                    <HeaderStyle HorizontalAlign="Center" VerticalAlign="Middle" Wrap="true" Width="20%" />
                                </asp:BoundField>
                                <%--<asp:BoundField DataField="dBirthDate" HeaderText="D.O.B." DataFormatString="{0:dd-MMM-yyyy}"
                                    HtmlEncode="false">
                                    <ItemStyle HorizontalAlign="Center" Width="8%" Wrap="true" />
                                    <HeaderStyle HorizontalAlign="Center" VerticalAlign="Middle" Width="8%" Wrap="true" />
                                </asp:BoundField>--%>
                            </Columns>
                        </asp:GridView>
                    </div>

我正在使用vb.net进行编码。

允许排序时jQuery DataTable标题行问题

HTML

0 个答案: