wenzhixin / bootstrap-table

An extended table to integration with some of the most widely used CSS frameworks. (Supports Bootstrap, Semantic UI, Bulma, Material Design, Foundation, Vue.js)
https://bootstrap-table.com/
MIT License
11.73k stars 4.44k forks source link

4 questions #7262

Open vespino opened 5 months ago

vespino commented 5 months ago

Description

I have been using datatables, but just found this Bootstrap addon and it was very simple to create my first table, similar to what I had before. A few things:

screenshot

screenshot

screenshot

Example(s)

No response

wenzhixin commented 5 months ago
  1. You can use the rowStyle option or cellStyle column option. https://examples.bootstrap-table.com/#options/row-style.htm https://examples.bootstrap-table.com/index.html#column-options/cell-style.html

  2. Didn't find the problem you said: https://examples.bootstrap-table.com/index.html#column-options/visible.html

  3. You can use the sorter column: https://examples.bootstrap-table.com/index.html#column-options/sorter.html

  4. https://bootstrap-table.com/docs/api/table-options/#paginationparts

vespino commented 5 months ago

Solved 1 by adding the table-striped class to the table: https://www.w3schools.com/bootstrap/bootstrap_tables.asp

I will have to look into 2, it keeps removing the right border for me. This example also seems to remove it: https://live.bootstrap-table.com/example/welcomes/from-html.html

Solved 3 using the example, thanks.

Is 4 possible without Javascript? Except for the "sorter" I have been able to go without for all other options. If not, I'll just hide it using CSS.

wenzhixin commented 4 months ago

Is 4 possible without Javascript?

Yes: https://live.bootstrap-table.com/code/wenzhixin/17458

vespino commented 4 months ago

Cheers. 2 remains though.

wenzhixin commented 4 months ago

Please provide an Online Example to show your problem. Thanks!

vespino commented 4 months ago

Right border gone: https://live.bootstrap-table.com/code/vespino/17459

Right border not gone: https://live.bootstrap-table.com/code/vespino/17460

wenzhixin commented 4 months ago

image

image

I am using Chrome for the test.

UtechtDustin commented 4 months ago

Firefox:
Bildschirmfoto 2024-04-11 um 12 47 28

vespino commented 4 months ago

Then it must be a Firefox issue, because that is the browser I'm using. When opening 17460 I need to resize the result pane before the right border appears. This in both Firefox and Chrome.

UtechtDustin commented 4 months ago

17460 works fine for me, without resizing anything.