Quantcast
Channel: Recent Discussions — DataTables forums
Viewing all articles
Browse latest Browse all 81669

Drill-Down Rows w/ Static Content

$
0
0
Hey,

I am fairly new to Datatables. In fact, this is the first time I am using them.
I am trying to create Drill-Down rows with static content. I saw the section on Drill-Down rows, but there are still some things I don't understand. I think my confusion stems from the fact that I am not binding to an external source. What I am doing is creating the HTML markup for a table and then converting calling the dataTable method on it to convert it to a Datatable. Below is a sample of my table and the script I use to create it. The first column is for the image that will trigger the showing/hiding of the drilled-downed row:

<!-- Start Data Tables Initialisation code -->
<script type="text/javascript" charset="utf-8">
$(document).ready(function () {
oTable = $('#questions').dataTable({
"bJQueryUI": true,
"sPaginationType": "full_numbers"
});
});
</script>
<!-- End Data Tables Initialisation code -->

<table id="questions" cellpadding="0" cellspacing="0" border="0" class="display data-table">
<thead>
<tr>
<th></th>
<th>Question Name</th>
<th>Is Required</th>
<th>Modified Date</th>
<th>Status</th>
</tr>
</thead>

<tbody>
<tr class="gradeA">
<td>Question 1</td>
<td>Yes</td>
<td>10/10/2012</td>
<td>No</td>
</tr>
<tr class="gradeA">
<td>Question 2</td>
<td>Yes</td>
<td>10/10/2012</td>
<td>No</td>
</tr>
<tr class="gradeA">
<td>Question 3</td>
<td>Yes</td>
<td>10/10/2012</td>
<td>No</td>
</tr>
<tr class="gradeA">
<td>Question 4</td>
<td>No</td>
<td>10/10/2012</td>
<td>No</td>
</tr>
<tr class="gradeA">
<td>Question 5</td>
<td>Yes</td>
<td>10/14/2012</td>
<td>No</td>
</tr>
</tbody>

</table>

I will definitely I appreciate any help you can provide me, as I am stuck in this process.

Hector

Viewing all articles
Browse latest Browse all 81669

Trending Articles



<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>