Dismiss
Announcing Stack Overflow Documentation

We started with Q&A. Technical documentation is next, and we need your help.

Whether you're a beginner or an experienced developer, you can contribute.

Sign up and start helping → Learn more about Documentation →

I'm trying to affect the appearance of the filtering and pagination controls of angular-datatables and found out that it can be done using the withBootstrapOptions of the framework. However, I can't seem to find the option to affect the styling of the pagination buttons, page size entries field, and filter field. All I want to do is to make the height of the input fields and buttons to be smaller. The code below is what I have tried so far:

.withBootstrap()
.withBootstrapOptions({
    TableTools: {
        classes: {
            container: 'btn-group',
            buttons: {
                normal: 'btn btn-danger'
            }
        }
    },
    ColVis: {
        classes: {
            masterButton: 'btn btn-primary'
        }
    },
    pagination: {
        classes: {
            ul: 'xxx',
            li: 'yyy',
            a: 'zzz'
        }
    }
})

I've been trying to add my own classes to the table to do the styling and I was able to set the classes of the ul element to xxx of the pagination control with the code above but when I tried to do it to the li or a element it doesn't work. Is this possible? Can someone please provide me an example of how I can manipulate the filter input field and pagination field/buttons height?

Furthermore, does anyone know where I can find the documentation for all of the available options that I could use with the 'withBootstrapOptions' helper? I can't seem to locate it through my searches.

share|improve this question

Your Answer

 
discard

By posting your answer, you agree to the privacy policy and terms of service.

Browse other questions tagged or ask your own question.