Extra space on Paging - Select

Extra space on Paging - Select

VascoSaavedraVascoSaavedra Posts: 42Questions: 8Answers: 1

When using the Select Plugin, there is an extra space between the Number of Records label, and the number of records Selected:

I've tried the following code, but the extra space persist:

                language: {
                    select: {
                        rows: {
                            _: "- %d rows selected",
                            1: "- 1 row selected"
                        }
                    },
                    info: "Showing _START_ to _END_ of _TOTAL_ records"
                }

This question has an accepted answers - jump to answer

Answers

  • colincolin Posts: 15,237Questions: 1Answers: 2,598

    Hi @VascoSaavedra ,

    It's not a space as such, it's more the styling, see this example here. I'll play about and report back.

    Cheers,

    Colin

  • allanallan Posts: 63,160Questions: 1Answers: 10,406 Site admin
    edited July 2018 Answer ✓

    Use:

    div.dataTables_wrapper span.select-info,
    div.dataTables_wrapper span.select-item {
      margin-left: 0.25em
    }
    

    Allan

  • VascoSaavedraVascoSaavedra Posts: 42Questions: 8Answers: 1

    Allan, unfortunately, it didn't work.

  • colincolin Posts: 15,237Questions: 1Answers: 2,598

    Hi @VascoSaavedra

    It did for me, see here. If you remove the CSS lines that Allan suggested, you'll see the wide spacing returns.

    If you're still seeing the issue after applying that CSS, could you post a link to a page demonstrating the problem, or modify my example.

    Cheers,

    Colin

  • VascoSaavedraVascoSaavedra Posts: 42Questions: 8Answers: 1

    I'm sorry @colin, but the web page is internal, so i cannot provide a link to the page.
    Thank you for the example you provided.

    I will try to understand why Allan's code didn't work, as now i suppose its something in my end.

This discussion has been closed.