I would like to override defaults for the standard search button placement and text

I would like to override defaults for the standard search button placement and text

becarefuldtbecarefuldt Posts: 5Questions: 2Answers: 0

I tried this in query.dataTables.min.css and it works ( not sure how to override the text to say "FILTER")

.dataTables_wrapper .dataTables_filter {
float: right;
text-align: right;
margin-right: 120px;
}

Answers

  • allanallan Posts: 63,099Questions: 1Answers: 10,391 Site admin

    not sure how to override the text to say "FILTER"

    language.search. The full and searchable list of options is documented here.

    Allan

  • becarefuldtbecarefuldt Posts: 5Questions: 2Answers: 0

    I found this by google changes the Text to "Filter: "
    Now if I could figure out how to control the placement of the word - it is showing on the top instead of the side, and I don't see a way to change the color of the word though I can change the font .

    searching : true,
    "oLanguage": {
    "sSearch": "Filter: "
    },

  • allanallan Posts: 63,099Questions: 1Answers: 10,391 Site admin

    I don't see a way to change the color of the word

    Use CSS - .dataTables_filter { color: red } for example.

    I don't understand what you mean by controlling the placement and that it is shown in the center. Can you link to a test page showing the issue please. However, placement is controlled by CSS, so something in the CSS you are using must be aligning it center (although I can't say what without a test case).

    Allan

This discussion has been closed.