rubanraj54 / vue-bootstrap4-table

Advanced table based on Vue 2 and Bootstrap 4 ⚡️
MIT License
220 stars 58 forks source link

Styling Questions / Requests #2

Closed barbedCoil closed 5 years ago

barbedCoil commented 5 years ago

First, great paged grid! Very fast loading and paging! I am looking to have a simple data set bound but I have a couple of questions about styling (see attached image as well):

  1. I don't want searching or filtering which is easy to exclude but the extra rows (header row for instance) remains - is it possible to simply set the row to not display if option is not used?
  2. I need to be able to left and right align columns according to data type and user needs - is this possible?

Thanks for the hard work! Tab 2018-12-27 08_53_11-grid_sample

rubanraj54 commented 5 years ago

Hi @barbedCoil,

I am working on this issue. You will get the patch probably today..

Thanks.

rubanraj54 commented 5 years ago

Hi @barbedCoil,

Can you please update your package to new version?

Fixes:

In your column config, you can specify row_text_alignment and column_text_alignment Default : "text-center" Other options : ["text-justify","text-right","text-left","text-center"]

Example:

...
{
    label: "Email",
    name: "email",
    filter: {
        type: "simple",
        placeholder: "Enter email"
    },
    sort: true,
    row_text_alignment: "text-left",
    column_text_alignment: "text-left",
}
...

Thanks.

barbedCoil commented 5 years ago

Will, do thanks!