DataTable paging by tbody instead of tr elements
I have problem with slow loading of page with table of many rows. So I decided to make a pagination and that way make it a little bit faster. But, my rows are created from tbody elements where each tbody element includes 2 tr elems.
Here is example:
<table id="mydatatable" class="table table-striped jambo_table bulk_action" style="table-layout: fixed;">
<thead>
<tr>
<th>A</th>
<th>B</th>
<th>C</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
</tr>
<tr>
<td colspan='3'>
<div>BIG CONTENT</div>
</td>
</tr>
</tbody>
<tbody>
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
</tr>
<tr>
<td colspan='3'>
<div>BIG CONTENT</div>
</td>
</tr>
</tbody>
</table>
On the mydatable ID I'm calling .DataTable() function to make a sorting of rows and pagination. Sorting is fully working but there is problem with pagination, which is absolutely not working :D
Can someone help me solve this problem somehow?
Thank you.
F.
jquery ajax performance web datatables
asked Nov 21 at 9:23
Filip Borčík
63
add a comment |
I have problem with slow loading of page with table of many rows. So I decided to make a pagination and that way make it a little bit faster. But, my rows are created from tbody elements where each tbody element includes 2 tr elems.
Here is example:
<table id="mydatatable" class="table table-striped jambo_table bulk_action" style="table-layout: fixed;">
<thead>
<tr>
<th>A</th>
<th>B</th>
<th>C</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
</tr>
<tr>
<td colspan='3'>
<div>BIG CONTENT</div>
</td>
</tr>
</tbody>
<tbody>
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
</tr>
<tr>
<td colspan='3'>
<div>BIG CONTENT</div>
</td>
</tr>
</tbody>
</table>
On the mydatable ID I'm calling .DataTable() function to make a sorting of rows and pagination. Sorting is fully working but there is problem with pagination, which is absolutely not working :D
Can someone help me solve this problem somehow?
Thank you.
F.
jquery ajax performance web datatables
asked Nov 21 at 9:23
Filip Borčík
63
DataTables only support one<tbody>at a time. It does not supportcolspan's either.
– davidkonrad
Nov 22 at 11:39
Thanks, I know that.. but the problem is not to paginate by <tr> tags but by <tbody> tags anyhow.. It doesn't have to use DataTables
– Filip Borčík
Nov 23 at 14:36
You can place a whole <table> inside a <tr> and set pagLength to show one row at a time. Cannot see the problem.
– davidkonrad
Nov 23 at 15:06
Thanks, that structure solved my problem.
– Filip Borčík
Nov 28 at 9:00
add a comment |
I have problem with slow loading of page with table of many rows. So I decided to make a pagination and that way make it a little bit faster. But, my rows are created from tbody elements where each tbody element includes 2 tr elems.
Here is example:
<table id="mydatatable" class="table table-striped jambo_table bulk_action" style="table-layout: fixed;">
<thead>
<tr>
<th>A</th>
<th>B</th>
<th>C</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
</tr>
<tr>
<td colspan='3'>
<div>BIG CONTENT</div>
</td>
</tr>
</tbody>
<tbody>
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
</tr>
<tr>
<td colspan='3'>
<div>BIG CONTENT</div>
</td>
</tr>
</tbody>
</table>
On the mydatable ID I'm calling .DataTable() function to make a sorting of rows and pagination. Sorting is fully working but there is problem with pagination, which is absolutely not working :D
Can someone help me solve this problem somehow?
Thank you.
F.
jquery ajax performance web datatables
asked Nov 21 at 9:23
Filip Borčík
63
I have problem with slow loading of page with table of many rows. So I decided to make a pagination and that way make it a little bit faster. But, my rows are created from tbody elements where each tbody element includes 2 tr elems.
Here is example:
<table id="mydatatable" class="table table-striped jambo_table bulk_action" style="table-layout: fixed;">
<thead>
<tr>
<th>A</th>
<th>B</th>
<th>C</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
</tr>
<tr>
<td colspan='3'>
<div>BIG CONTENT</div>
</td>
</tr>
</tbody>
<tbody>
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
</tr>
<tr>
<td colspan='3'>
<div>BIG CONTENT</div>
</td>
</tr>
</tbody>
</table>
On the mydatable ID I'm calling .DataTable() function to make a sorting of rows and pagination. Sorting is fully working but there is problem with pagination, which is absolutely not working :D
Can someone help me solve this problem somehow?
Thank you.
F.
jquery ajax performance web datatables
jquery ajax performance web datatables
asked Nov 21 at 9:23
Filip Borčík
63
asked Nov 21 at 9:23
Filip Borčík
63
edited Nov 21 at 10:08
asked Nov 21 at 9:23
Filip Borčík
63
asked Nov 21 at 9:23
Filip Borčík
63
asked Nov 21 at 9:23
Filip Borčík
63
63
DataTables only support one<tbody>at a time. It does not supportcolspan's either.
– davidkonrad
Nov 22 at 11:39
Thanks, I know that.. but the problem is not to paginate by <tr> tags but by <tbody> tags anyhow.. It doesn't have to use DataTables
– Filip Borčík
Nov 23 at 14:36
You can place a whole <table> inside a <tr> and set pagLength to show one row at a time. Cannot see the problem.
– davidkonrad
Nov 23 at 15:06
Thanks, that structure solved my problem.
– Filip Borčík
Nov 28 at 9:00
add a comment |
DataTables only support one<tbody>at a time. It does not supportcolspan's either.
– davidkonrad
Nov 22 at 11:39
Thanks, I know that.. but the problem is not to paginate by <tr> tags but by <tbody> tags anyhow.. It doesn't have to use DataTables
– Filip Borčík
Nov 23 at 14:36
You can place a whole <table> inside a <tr> and set pagLength to show one row at a time. Cannot see the problem.
– davidkonrad
Nov 23 at 15:06
Thanks, that structure solved my problem.
– Filip Borčík
Nov 28 at 9:00
DataTables only support one
<tbody> at a time. It does not support colspan's either.– davidkonrad
Nov 22 at 11:39
DataTables only support one
<tbody> at a time. It does not support colspan's either.– davidkonrad
Nov 22 at 11:39
Thanks, I know that.. but the problem is not to paginate by <tr> tags but by <tbody> tags anyhow.. It doesn't have to use DataTables
– Filip Borčík
Nov 23 at 14:36
Thanks, I know that.. but the problem is not to paginate by <tr> tags but by <tbody> tags anyhow.. It doesn't have to use DataTables
– Filip Borčík
Nov 23 at 14:36
You can place a whole <table> inside a <tr> and set pagLength to show one row at a time. Cannot see the problem.
– davidkonrad
Nov 23 at 15:06
You can place a whole <table> inside a <tr> and set pagLength to show one row at a time. Cannot see the problem.
– davidkonrad
Nov 23 at 15:06
Thanks, that structure solved my problem.
– Filip Borčík
Nov 28 at 9:00
Thanks, that structure solved my problem.
– Filip Borčík
Nov 28 at 9:00
add a comment |
active
oldest
votes
Your Answer
StackExchange.ifUsing("editor", function () {
StackExchange.using("externalEditor", function () {
StackExchange.using("snippets", function () {
StackExchange.snippets.init();
});
});
}, "code-snippets");
StackExchange.ready(function() {
var channelOptions = {
tags: "".split(" "),
id: "1"
};
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function() {
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled) {
StackExchange.using("snippets", function() {
createEditor();
});
}
else {
createEditor();
}
});
function createEditor() {
StackExchange.prepareEditor({
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader: {
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
},
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
});
}
});
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53408832%2fdatatable-paging-by-tbody-instead-of-tr-elements%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
active
oldest
votes
active
oldest
votes
active
oldest
votes
active
oldest
votes
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Some of your past answers have not been well-received, and you're in danger of being blocked from answering.
Please pay close attention to the following guidance:
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53408832%2fdatatable-paging-by-tbody-instead-of-tr-elements%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
DataTables only support one
<tbody>at a time. It does not supportcolspan's either.– davidkonrad
Nov 22 at 11:39
Thanks, I know that.. but the problem is not to paginate by <tr> tags but by <tbody> tags anyhow.. It doesn't have to use DataTables
– Filip Borčík
Nov 23 at 14:36
You can place a whole <table> inside a <tr> and set pagLength to show one row at a time. Cannot see the problem.
– davidkonrad
Nov 23 at 15:06
Thanks, that structure solved my problem.
– Filip Borčík
Nov 28 at 9:00