wp-table Reloaded

  • mcl

    (@mcl)


    15 years, 10 months ago

    As I use your table on a mobile browser, is it possible to have both the search box and the page items on the left hand side – one per line ?

    Or could I reverse the positioning – search on the left and page count on the right.

    Thanks

    Richard

Viewing 6 replies - 1 through 6 (of 6 total)
  • Tobias Bäthge

    (@tobiasbg)

    15 years, 10 months ago

    Hi,

    reversing the positions is possible with “Custom CSS” like this:

    .dataTables_filter {
  float: left;
  text-align: left;
}

.dataTables_length {
  float: right;
  text-align: right;
}

    To move both to the left, each in one line, try

    .dataTables_filter {
  float: none;
  text-align: left;
}

.dataTables_length {
  float: none;
  text-align: left;
}

    Best wishes,
    Tobias

    Thread Starter mcl

    (@mcl)

    15 years, 10 months ago

    Genius.

    To move both to the left worked as you suggested.

    Thanks

    Richard

    brihi53

    (@brihi53)

    15 years, 10 months ago

    Hi,

    Is it possible to have the Search box and the Tool boxes on the same line?

    http://seniors-online.ca/websites-listed-in-tables/search-engine-sites/

    Regards,
    -BrianP

    Tobias Bäthge

    (@tobiasbg)

    15 years, 10 months ago

    Hi,

    unfortunately not that easily as the other stuff, because the TableTools are inserted into the page in a slightly different way, which causes them to always be in a different line.

    I haven’t tested it, but you could try this:

    Add

    "sDom": 'Tlfrtip'

    to the “Custom Commands” textfield on the “Edit” screen of the table.

    Then add this CSS to the “Custom CSS” on the “Plugin Options”:

    .TableTools {
  float: left;
}

    Best wishes,
    Tobias

    brihi53

    (@brihi53)

    15 years, 10 months ago

    This moved the ToolTables bar to the left but the Search Bar remained in the same place [didn’t move left or up]. I like this option.

    How do you move the Search Bar to the left under the TableTools box?

    If you ever figure out how to put Search box and the Tool boxes on the same line this would be better.

    Thanks for your support,
    -BrianP

    Tobias Bäthge

    (@tobiasbg)

    15 years, 10 months ago

    Hi,

    argh, too bad 🙁 It was just a guess…

    Sure, you can move both to the left side:

    .TableTools {
  float: left;
}
.dataTables_filter {
  float: left;
  text-align: left;
}

    Best wishes,
    Tobias

Viewing 6 replies - 1 through 6 (of 6 total)

The topic ‘wp-table Reloaded’ is closed to new replies.