align “Show 10 entries” in datatable to right instead of left
-1
How can i align "Show 10 entries" option from left to right in datatable jquery?
I tried the below but did not helped
div.dataTables_length label {
font-weight: normal;
text-align: right;
white-space: nowrap;
align:center;
}jquery html5 datatable datatables
asked Nov 27 '18 at 17:47
SuyashSuyash
83
add a comment |
-1
How can i align "Show 10 entries" option from left to right in datatable jquery?
I tried the below but did not helped
div.dataTables_length label {
font-weight: normal;
text-align: right;
white-space: nowrap;
align:center;
}jquery html5 datatable datatables
asked Nov 27 '18 at 17:47
SuyashSuyash
83
can you show an example of the <div> with the 10 entries?.. maybe i'll understand better and be able to help.
– Kosem
Nov 27 '18 at 20:38
add a comment |
-1
-1
-1
How can i align "Show 10 entries" option from left to right in datatable jquery?
I tried the below but did not helped
div.dataTables_length label {
font-weight: normal;
text-align: right;
white-space: nowrap;
align:center;
}jquery html5 datatable datatables
asked Nov 27 '18 at 17:47
SuyashSuyash
83
How can i align "Show 10 entries" option from left to right in datatable jquery?
I tried the below but did not helped
div.dataTables_length label {
font-weight: normal;
text-align: right;
white-space: nowrap;
align:center;
}div.dataTables_length label {
font-weight: normal;
text-align: right;
white-space: nowrap;
align:center;
}div.dataTables_length label {
font-weight: normal;
text-align: right;
white-space: nowrap;
align:center;
}jquery html5 datatable datatables
jquery html5 datatable datatables
asked Nov 27 '18 at 17:47
SuyashSuyash
83
asked Nov 27 '18 at 17:47
SuyashSuyash
83
asked Nov 27 '18 at 17:47
SuyashSuyash
83
asked Nov 27 '18 at 17:47
SuyashSuyash
83
asked Nov 27 '18 at 17:47
SuyashSuyash
83
83
can you show an example of the <div> with the 10 entries?.. maybe i'll understand better and be able to help.
– Kosem
Nov 27 '18 at 20:38
add a comment |
can you show an example of the <div> with the 10 entries?.. maybe i'll understand better and be able to help.
– Kosem
Nov 27 '18 at 20:38
can you show an example of the <div> with the 10 entries?.. maybe i'll understand better and be able to help.
– Kosem
Nov 27 '18 at 20:38
can you show an example of the <div> with the 10 entries?.. maybe i'll understand better and be able to help.
– Kosem
Nov 27 '18 at 20:38
add a comment |
1 Answer
1
active
oldest
votes
0
You can use Datatable DOM positioning options something like this
$(document).ready(function() {
$('#example').DataTable( {
"dom": '<"top"i>rt<"bottom"flp><"clear">'
} );
} );
Here r,t,f,l,p are
l - Length changing
f - Filtering input
t - The Table!
i - Information
p - Pagination
r - pRocessing
You can change these values as per your need.
More explanation here.
answered Nov 28 '18 at 5:22
MyTwoCentsMyTwoCents
3,0742930
add a comment |
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
});
}
});
draft saved
draft discarded
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%2f53505355%2falign-show-10-entries-in-datatable-to-right-instead-of-left%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
1 Answer
1
active
oldest
votes
1 Answer
1
active
oldest
votes
active
oldest
votes
active
oldest
votes
0
You can use Datatable DOM positioning options something like this
$(document).ready(function() {
$('#example').DataTable( {
"dom": '<"top"i>rt<"bottom"flp><"clear">'
} );
} );
Here r,t,f,l,p are
l - Length changing
f - Filtering input
t - The Table!
i - Information
p - Pagination
r - pRocessing
You can change these values as per your need.
More explanation here.
answered Nov 28 '18 at 5:22
MyTwoCentsMyTwoCents
3,0742930
add a comment |
0
You can use Datatable DOM positioning options something like this
$(document).ready(function() {
$('#example').DataTable( {
"dom": '<"top"i>rt<"bottom"flp><"clear">'
} );
} );
Here r,t,f,l,p are
l - Length changing
f - Filtering input
t - The Table!
i - Information
p - Pagination
r - pRocessing
You can change these values as per your need.
More explanation here.
answered Nov 28 '18 at 5:22
MyTwoCentsMyTwoCents
3,0742930
add a comment |
0
0
0
You can use Datatable DOM positioning options something like this
$(document).ready(function() {
$('#example').DataTable( {
"dom": '<"top"i>rt<"bottom"flp><"clear">'
} );
} );
Here r,t,f,l,p are
l - Length changing
f - Filtering input
t - The Table!
i - Information
p - Pagination
r - pRocessing
You can change these values as per your need.
More explanation here.
answered Nov 28 '18 at 5:22
MyTwoCentsMyTwoCents
3,0742930
You can use Datatable DOM positioning options something like this
$(document).ready(function() {
$('#example').DataTable( {
"dom": '<"top"i>rt<"bottom"flp><"clear">'
} );
} );
Here r,t,f,l,p are
l - Length changing
f - Filtering input
t - The Table!
i - Information
p - Pagination
r - pRocessing
You can change these values as per your need.
More explanation here.
answered Nov 28 '18 at 5:22
MyTwoCentsMyTwoCents
3,0742930
answered Nov 28 '18 at 5:22
MyTwoCentsMyTwoCents
3,0742930
answered Nov 28 '18 at 5:22
MyTwoCentsMyTwoCents
3,0742930
answered Nov 28 '18 at 5:22
MyTwoCentsMyTwoCents
3,0742930
3,0742930
add a comment |
add a comment |
draft saved
draft discarded
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.
draft saved
draft discarded
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%2f53505355%2falign-show-10-entries-in-datatable-to-right-instead-of-left%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
can you show an example of the <div> with the 10 entries?.. maybe i'll understand better and be able to help.
– Kosem
Nov 27 '18 at 20:38