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 '18 at 9:23
Filip BorčíkFilip 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 '18 at 9:23
Filip BorčíkFilip Borčík
63
DataTables only support one<tbody>at a time. It does not supportcolspan's either.
– davidkonrad
Nov 22 '18 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 '18 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 '18 at 15:06
Thanks, that structure solved my problem.
– Filip Borčík
Nov 28 '18 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 '18 at 9:23
Filip BorčíkFilip 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 '18 at 9:23
Filip BorčíkFilip Borčík
63
asked Nov 21 '18 at 9:23
Filip BorčíkFilip Borčík
63
edited Nov 21 '18 at 10:08
Filip Borčík
asked Nov 21 '18 at 9:23
Filip BorčíkFilip Borčík
63
asked Nov 21 '18 at 9:23
Filip BorčíkFilip Borčík
63
asked Nov 21 '18 at 9:23
Filip BorčíkFilip Borčík
63
63
DataTables only support one<tbody>at a time. It does not supportcolspan's either.
– davidkonrad
Nov 22 '18 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 '18 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 '18 at 15:06
Thanks, that structure solved my problem.
– Filip Borčík
Nov 28 '18 at 9:00
add a comment |
DataTables only support one<tbody>at a time. It does not supportcolspan's either.
– davidkonrad
Nov 22 '18 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 '18 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 '18 at 15:06
Thanks, that structure solved my problem.
– Filip Borčík
Nov 28 '18 at 9:00
DataTables only support one
<tbody> at a time. It does not support colspan's either.– davidkonrad
Nov 22 '18 at 11:39
DataTables only support one
<tbody> at a time. It does not support colspan's either.– davidkonrad
Nov 22 '18 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 '18 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 '18 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 '18 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 '18 at 15:06
Thanks, that structure solved my problem.
– Filip Borčík
Nov 28 '18 at 9:00
Thanks, that structure solved my problem.
– Filip Borčík
Nov 28 '18 at 9:00
add a comment |
0
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
0
active
oldest
votes
0
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.
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 '18 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 '18 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 '18 at 15:06
Thanks, that structure solved my problem.
– Filip Borčík
Nov 28 '18 at 9:00