Datatables style pagination

Topic: Datatables style pagination

Leo asked 5 years ago

How to change the texts of the bottom pagination per button arrow same of examples.

You speak on your website datatable2 ...

But into my zip download no this version. It's for that ?

My Actual result

I would like this styleSame : https://mdbootstrap.com/docs/jquery/tables/datatables/#pagination-full-numbers My wish

And how change the language on the automatic elementEx : Showing 1 to 10 of 57 entries**Ex : *Show entries*Ex : **First, Previous, Next, , Last

Add comment

Mateusz Łubianka staff answered 5 years ago

0 0 Best answer

Hi @Leo,

The new version of Datatables is available from MDB 4.16.0. Which MDB version are you using?

The next step is importing Datatables2 css and js:

    <!-- MDBootstrap Datatables  -->
  <link href="css/addons/datatables2.min.css" rel="stylesheet">

     <!-- MDBootstrap Datatables  -->
  <script type="text/javascript" src="js/addons/datatables2.min.js"></script>

After that:

<script type="text/javascript">
    $(document).ready(function () {
  //Pagination full Numbers
  $('#paginationFullNumbers').DataTable({
    "pagingType": "full_numbers"
  });
});
  </script>

Best,

Leo commented 5 years ago

Thanks is ok now i used 4.15 ;) But and for my last questions at the level : How translations static text ? - Show entries - of

Add comment

Mateusz Łubianka staff answered 5 years ago

0 0 Best answer

Hi @Leo,

Use this code and add your text:

$(document).ready(function () {
      $('#dtBasicExample').DataTable({
        "oLanguage": {
          "sLengthMenu": "Your _MENU_ text",
        }
      });
      $('.dataTables_length').addClass('bs-select');
    });

Best,

Add comment

Write

Create snippet

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Answered

Specification of the issue

User: Free
Premium support: No
Technology: MDB jQuery
MDB Version: 4.15.0
Device: Imac 27\\
Browser: Chrome
OS: Max OS Catalina
Provided sample code: No
Provided link: Yes

About author

Leo

140Support score
20Questions 4Answers

0Snippets likes 0Snippets