Click here to Skip to main content
Rate this: bad
good
Please Sign up or sign in to vote.
I need help to sort a table ( data from sql table ) displayed on website using jQuery on the client side. I need to know how to use the jQuery, after displaying the table using asp/vbnet , code behind.
I also want to know how to position the table below the few controls , eg labels, text boxes, dropdown boxes.
 
I am using jquery.dataTables.min.js, and demo_table.css.
 
I created a string
 
Dim sTable As String = ""
 
sTable = "<div><table id=""tbldata"" class=""display""><thead><tr>"
 
Dim DT As DataTable
DT = myDatatable
If Not DT.Rows.Count = 0 Then
    Dim iNumberofColums As Int16 = DT.Columns.Count - 1
 
    Dim hc As String
    Dim c As Int16 = 0
    For Each CL As DataColumn In DT.Columns
        hc = CL.ColumnName
        sTable = sTable & "<th>" & hc & "</th>"
    Next
    sTable = sTable & "</tr></thead><tbody>"
 
    Dim tc As String
    For Each RW As DataRow In DT.Rows
        sTable = sTable & "<tr>"
        c = 0
        For c = 0 To iNumberofColums
            tc = RW(c).ToString
            sTable = sTable & "<td>" & tc & "</td>"
        Next
        sTable = sTable & "</tr>"
    Next
    sTable = sTable & "</tbody></table></div>"
End If
Response.Write(sTable)
 
and response.write(sTable) to display the table.
 
in the aspx
 
<script type="text/javascript">
$(document).ready(function () {
$('#tbldata').dataTable({
"aaSorting": [[2, 'desc']],
"aoColumns": [null,
null,
null,
null,
null,
null,
null,
null,
null,
null,
null,
null,
null
]
});
});
 
</script>
 
Is this a proper method ?. How can I improve. Thanks for your advice
Posted 17-Dec-12 18:02pm
Tissa221

1 solution

Rate this: bad
good
Please Sign up or sign in to vote.

Solution 1

Should think of adding a GridView control to your page (call it tblData) where you want it (that is for proper placement)
To avoid the string and record manipulation you could bind your data the usual way (tblData.DataSource = xxx; tblData.DataBind(); )
Then keep your jQuery stuff as is. It should work fine...
  Permalink  

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)



Advertise | Privacy | Mobile
Web04 | 2.8.150129.1 | Last Updated 12 Feb 2013
Copyright © CodeProject, 1999-2015
All Rights Reserved. Terms of Service
Layout: fixed | fluid

CodeProject, 503-250 Ferrand Drive Toronto Ontario, M3C 3G8 Canada +1 416-849-8900 x 100