Right aligning when datatable enabled

  • Resolved luisc1925

    (@luisc1925)


    5 years, 6 months ago

    I have a table created with this plugin and when datatable option is enabled the table gets right aligned and off the website area. How can this be resolved without losing search and ordering functionality? I know by disabling this feature the alignmente is fixed but the ordering and search need to be kept.

    The page I need help with: [log in to see the link]

Viewing 9 replies - 1 through 9 (of 9 total)
  • Plugin Author Tobias Bäthge

    (@tobiasbg)

    5 years, 6 months ago

    Hi,

    thanks for your question, and sorry for the trouble.

    Where exactly can I see this on your site? Can you please post a link?

    Regards,
    Tobias

    Thread Starter luisc1925

    (@luisc1925)

    5 years, 6 months ago

    Thank you for the prompt reply. The exact link is:

    http://farmaenlace.com.co/medicamentos-de-alto-costo/

    Regards,

    Luis Hurtado

    Plugin Author Tobias Bäthge

    (@tobiasbg)

    5 years, 6 months ago

    Hi,

    thanks for the link!

    This is essentially caused by the 

    min-width: 500px;

    that you have in your “Custom CSS” for TablePress. This makes the table very wide.
    In addition, you are currently giving the table on this page only very little space.
    This is a setting on the “Edit” screen of this page, where you should select a different “Page Template” from your theme, something like “Full width” or similar. That way, your theme will increase the content area and give the table more space.

    Regards,
    Tobias

    Thread Starter luisc1925

    (@luisc1925)

    5 years, 6 months ago

    I have removed the “min-width: 500px;” parameter and added a new page with a wider area – using Astra theme. However the table is squeezed and still leaving a wide blank block on the left. http://farmaenlace.com.co/medicamentos-alto-costo/. I am adding the table with a shortcode “[table id=1 responsive=”scroll” /]”. Is that the correct way to do it? I am not expert by any means in WordPress.

    • This reply was modified 5 years, 6 months ago by luisc1925.
    Plugin Author Tobias Bäthge

    (@tobiasbg)

    5 years, 6 months ago

    Hi,

    there’s likely some other setting in your theme, or on the page’s “Edit” screen which you’ll have to use to increase the overall width of the content area that the table can use.

    TablePress is not restricting this width, and the method with the Shortcode is totally correct.

    To change the font, you could add this to the “Custom CSS” textarea on the “Plugin Options” screen of TablePress:

    .tablepress {
  font-family: Verdana;
}

    Regards,
    Tobias

    Thread Starter luisc1925

    (@luisc1925)

    5 years, 6 months ago

    Thank you very much. I was able to figure it out. It was the side bar that was enabled at the theme options. How could the search and number of items to show textboxes be reduced in size?

    Plugin Author Tobias Bäthge

    (@tobiasbg)

    5 years, 6 months ago

    Hi,

    great! Good to hear that you found this!

    To fix the size, please add this to the “Custom CSS” textarea on the “Plugin Options” screen of TablePress:

    .dataTables_wrapper label input,
.dataTables_wrapper label select {
    padding: 2px !important;
    background-image: none;
}

    Regards,
    Tobias

    Thread Starter luisc1925

    (@luisc1925)

    5 years, 6 months ago

    It works perfect. Thank you very much for your help Tobias.

    Plugin Author Tobias Bäthge

    (@tobiasbg)

    5 years, 6 months ago

    Hi,

    no problem, you are very welcome! 🙂 Good to hear that this helped!

    pBest wishes,
    Tobias

    P.S.: In case you haven’t, please rate TablePress here in the plugin directory. Thanks!

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

The topic ‘Right aligning when datatable enabled’ is closed to new replies.