Show [ ] Entries, Search, & Showing 1 to 10 of 40 entries

Show [ ] Entries, Search, & Showing 1 to 10 of 40 entries

hymanroth12hymanroth12 Posts: 5Questions: 0Answers: 0
edited February 2012 in General
Top of DataTable = Show [ ] Entries, Search
Bottom of DataTable = Showing 1 to 10 of 40 entries

Q: How do I change the text colors for the above? - I would like those 3 items only ( not the rest of my table data) to be WHITE & BOLD - ( I have a Dark background page )Thank you !

Replies

  • allanallan Posts: 63,542Questions: 1Answers: 10,476 Site admin
    > Q: How do I change the text colors for the above?

    Use CSS. Have a look at the jquery.dataTables.css file and you'll see the basic CSS structure for the table and where it would be suitable to add font-weight:bold (for example).

    If you only what those three items, then you can use bPaginate : false to disable pagination. You might also want to look at sDom for controlling the DOM ordering.

    Allan
  • hymanroth12hymanroth12 Posts: 5Questions: 0Answers: 0
    My PAGINATION is working GREAT & Looks GREAT.
    The text I want to change falls at the TOP of the table & Bottom of Table

    Show [ ] Entries (top of table)
    Search ( top of table
    Showing 1 to 10 of xx entries ( bottom of table)

    I Have a DARK BACKGROUND and these are in BLACK. ( I NEED WHITE, 16px, BOLD

    I have now located the jquery.dataTables.css, but my CSS KNOWLEDGE is VERY LIMITED so I am lost as to where specifically I add the code

    Is it at one of the following CSS sections?:

    .table.dataTable?
    .dataTables_wrapper?
    .dataTables_length?
    .dataTables_filter?
    .dataTables_info?


    Sorry for the silly question - Thank you for your time!
  • allanallan Posts: 63,542Questions: 1Answers: 10,476 Site admin
    [code]
    .dataTables_length,
    .dataTables_filter,
    .dataTables_info {
    color: white;
    }
    [/code]

    It would be worth look at the DOM with Firebug if you haven't already so you can see the markup for the page.

    Allan
  • hymanroth12hymanroth12 Posts: 5Questions: 0Answers: 0
    This worked to perfection - Thank you for your time !
This discussion has been closed.