Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

4 questions #7262

Open
vespino opened this issue Apr 3, 2024 · 10 comments
Open

4 questions #7262

vespino opened this issue Apr 3, 2024 · 10 comments
Labels
browser dependent Issues that are reported to us, but actually are the result of a browser-specific bug. Bug Issues which are marked as Bug confirmed Issues that have been confirmed with a reduced test case and identify a bug.

Comments

@vespino
Copy link

vespino commented Apr 3, 2024

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:

  • Can I alternate rows colors like the default layout on datatables?

screenshot

  • When hiding a column using data-visible="false" the right table border seems to disappear

screenshot

  • I have a column with numbers of which some have a ~ in front of it. Is it possible to sort by the value skipping the ~ ?

screenshot

  • Is it possible to hide "Showing 1 to 10 of 800 rows per page" (pagination-info) without the use of CSS?

Example(s)

No response

@vespino vespino added the help-wanted Issues we need or would love help from the community to resolve. label Apr 3, 2024
@vespino
Copy link
Author

vespino commented Apr 4, 2024

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
Copy link
Owner

Is 4 possible without Javascript?

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

@wenzhixin wenzhixin added the awaiting reply Issues that are awaiting reply, will be closed if there is no any response in 7 days. label Apr 11, 2024
@vespino
Copy link
Author

vespino commented Apr 11, 2024

Cheers. 2 remains though.

@wenzhixin
Copy link
Owner

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

@vespino
Copy link
Author

vespino commented Apr 11, 2024

@wenzhixin
Copy link
Owner

image

image

I am using Chrome for the test.

@UtechtDustin
Copy link
Collaborator

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

@UtechtDustin UtechtDustin added confirmed Issues that have been confirmed with a reduced test case and identify a bug. Bug Issues which are marked as Bug labels Apr 11, 2024
@vespino
Copy link
Author

vespino commented Apr 11, 2024

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
Copy link
Collaborator

17460 works fine for me, without resizing anything.

@wenzhixin wenzhixin added browser dependent Issues that are reported to us, but actually are the result of a browser-specific bug. and removed help-wanted Issues we need or would love help from the community to resolve. awaiting reply Issues that are awaiting reply, will be closed if there is no any response in 7 days. labels Apr 24, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
browser dependent Issues that are reported to us, but actually are the result of a browser-specific bug. Bug Issues which are marked as Bug confirmed Issues that have been confirmed with a reduced test case and identify a bug.
Projects
None yet
Development

No branches or pull requests

3 participants