2016-04-19 5 views
0
<asp:GridView ID="grdDonationRequests" runat="server" SelectMethod="grdDonationRequests_GetData" AutoGenerateColumns="False" 
           AllowPaging="True" PagerSettings-Mode="NumericFirstLast" PageSize="10" DataKeyNames="DonationRequestID" ItemType="Tayf.Models.DonationRequest" 
           AllowSorting="true" Width="100%" CssClass=" table-striped table-condensed table table-bordered table-hover" meta:resourcekey="grdDonationRequestsResource1"> 

私はこのasp.net GridViewでDatatable jqueryを適用するにはどうすればよいですか?

$(function() {    
     $("#<%=grdDonationRequests.ClientID%>").prepend(
$("thead>/thead>").append($(this).find("tr:first"))).dataTable({    
        }); 
       }); 

を実行しようとしましたが、私はこの'$("#<%=grdDonationRequests.ClientID%>").dataTable({ "aaSorting": [] });'を試みたときにそれはまた、データテーブルとしてのGridViewを描き、それを表示する私にエラーを与えていない私にエラー Uncaught TypeError: Cannot read property 'className' of undefined

Update:- 

を与えます空きとして

+0

あなたが何を求めているのか明確ではありません。詳しく説明できますか? –

+0

@PiyushKhatri私は検索、並べ替え、ページングなどを可能にする私のasp.net gridviewにdatatable jqueryプラグインを適用する必要があります... –

答えて

0

お試しください

$(function() {    
    $("#<%=grdDonationRequests.ClientID%>").dataTable({ 
    }); 
}); 

はまた、私は今、この非常にことをやっての過程で午前this答え

+0

私はこの試みたときに '$" "grdDonationRequests.ClientID% ").GridviewFix()。dataTable({" aaSorting ":[]}); ' 'それは私にエラーもグリッドビューをデータテーブルとして描画しますが、空として表示します –

1

を見てください。グリッドビューを実際にデータテーブルに変換するために必要なコードは次のとおりです。

$(document).ready(function() { 
var table = $('#your_gridview_id').DataTable();