Extra space on Paging - Select

VascoSaavedra

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"
                }

colin

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

allan

Use:

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

Allan

VascoSaavedra

Allan, unfortunately, it didn't work.

colin

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

VascoSaavedra

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.