Odd pagination behaviour and different renderings about angular-datatables

[l-lin]

It's because of bootstrap integration. Seems like there is some side effects when using DT 1.10+.
I'm on it.

[l-lin]

Silly me, this was an issue I wanted to do, but I totally forgot.
When I implemented the Bootstrap integration, I used what recommended DataTables.
However, what they did is that they added a new pagination type bootstrap, which I always set it when DTOption.withBootstrap() is called. That's why you have different rendering when you use DTOption.withPaginationType('full_numbers') or DTOption.withOption('paging', 'full_numbers').

This issue should now be resolved when using dev branch. 😄

[larserikfinholt]

Hi! Just a followup on this. I'm having the same issue. When use default (not setting the paging property) the paging renders fine. But when I set paging using DTOption.withPaginationType('full_numbers') the buttons are not rendered. This is the html rendered (simple):

<div class="dataTables_paginate paging_simple" id="DataTables_Table_3_paginate"><a   class="paginate_button previous disabled" aria-controls="DataTables_Table_3" data-dt-idx="0" tabindex="0" id="DataTables_Table_3_previous">Previous</a><a class="paginate_button next" aria-controls="DataTables_Table_3" data-dt-idx="1" tabindex="0" id="DataTables_Table_3_next">Next</a></div>

Thanks for any help

larsi

[l-lin]

Are you using bootstrap? Can you provide a screenshot of your DataTable?

[larserikfinholt]

https://dl.dropboxusercontent.com/u/21765464/forum/datatables-angular-bootstrap.PNG

Configured like this:

vm.dtOptions = DTOptionsBuilder.newOptions()
        .withPaginationType('simple')
        .withDOM('frtip')
        .withOption('displayLength', 10);

Commenting out the paginationtype line, it looks like this:

https://dl.dropboxusercontent.com/u/21765464/forum/without.PNG

[l-lin]

I think you forgot to add the .withBootstrap().
See this Plnkr.