How to replace Data Tables text `Showing page 1 of 5 of x entries' with a link?

taiberi

Hello all.

How to replace Data Tables text `Showing page 1 of 5 of x entries' with a link?

For example:

$("#memListTable_info").html('Ask a Question: <a href="https://datatables.net/forums/post/question/">https://datatables.net/forums/post/question/</a');

file

taiberi

https://codeshare.io/2KD4vo

taiberi

like this:

https://pasteboard.co/IJOp2MS1XTTr.jpg

taiberi

like this (one line for data tables info (link) and datatables paginate)

https://pasteboard.co/jyB9GlpilDRZ.jpg

allan

I would suggest taking this approach. Just place the element where you want it in the dom string (i.e. in place of the i in this case).

Allan

taiberi

I need one line custom toolbar and datatables paginate

taiberi

like this:

dom: "<'row'<'col-sm-12'rt>>" + "<'row'<'col-sm-6'toolbar><'col-sm-6'p>>",

$("div.toolbar").html('<b>Custom tool bar! Text/images etc.</b>');

but it doesn't work

taiberi

dom: "<'row'<'col-sm-12'rt>>" + '<"toolbar">p',

How do this?

https://datatables.net/forums/discussion/69296/one-line-for-datatables-info-and-another-line-for-datatables-paginate

I'm using Bootstrap 4

taiberi

I solved it this with using css:

.toolbar, .dataTables_paginate {
width: 50%;
display: inline-block;
}