starred/radzen-blazor
1
0
Fork 0
mirror of https://github.com/radzenhq/radzen-blazor.git synced 2026-02-04 05:35:44 +00:00
Code Issues 1.3k Packages Projects Releases 22 Wiki Activity

Bootstrap table css not included with _content/Radzen.Blazor/css/default.css #198

New Issue
Closed
opened 2026-01-29 17:33:15 +00:00 by claunia · 2 comments
claunia commented 2026-01-29 17:33:15 +00:00
Owner
Copy Link

Originally created by @Matthewsre on GitHub (Sep 16, 2021).

Bootstrap table css not included with _content/Radzen.Blazor/css/default.css

To Reproduce
Steps to reproduce the behavior:

  1. Include default.css file which should include boostrap according to the Get Started page

Alternatively you can include which embeds Bootstrap.

<link rel="stylesheet" href="_content/Radzen.Blazor/css/default.css">

  1. Add the following to your page (Sample from bootstrap):
<table class="table table-striped">
  <thead>
    <tr>
      <th scope="col">#</th>
      <th scope="col">First</th>
      <th scope="col">Last</th>
      <th scope="col">Handle</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <th scope="row">1</th>
      <td>Mark</td>
      <td>Otto</td>
      <td>@mdo</td>
    </tr>
    <tr>
      <th scope="row">2</th>
      <td>Jacob</td>
      <td>Thornton</td>
      <td>@fat</td>
    </tr>
    <tr>
      <th scope="row">3</th>
      <td>Larry</td>
      <td>the Bird</td>
      <td>@twitter</td>
    </tr>
  </tbody>
</table>
  1. You can see the following result is not rendering bootstrap tables correctly:

image

Originally created by @Matthewsre on GitHub (Sep 16, 2021). Bootstrap table css not included with _content/Radzen.Blazor/css/default.css **To Reproduce** Steps to reproduce the behavior: 1. Include default.css file which should include boostrap according to the [Get Started](https://blazor.radzen.com/get-started) page > Alternatively you can include <link rel="stylesheet" href="_content/Radzen.Blazor/css/default.css"> which embeds Bootstrap. `<link rel="stylesheet" href="_content/Radzen.Blazor/css/default.css">` 2. Add the following to your page (Sample from bootstrap): ``` <table class="table table-striped"> <thead> <tr> <th scope="col">#</th> <th scope="col">First</th> <th scope="col">Last</th> <th scope="col">Handle</th> </tr> </thead> <tbody> <tr> <th scope="row">1</th> <td>Mark</td> <td>Otto</td> <td>@mdo</td> </tr> <tr> <th scope="row">2</th> <td>Jacob</td> <td>Thornton</td> <td>@fat</td> </tr> <tr> <th scope="row">3</th> <td>Larry</td> <td>the Bird</td> <td>@twitter</td> </tr> </tbody> </table> ``` 3. You can see the following result is not rendering bootstrap tables correctly: ![image](https://user-images.githubusercontent.com/2955659/133528296-f7bff005-a0ae-498c-b03c-6d0f2ab85b11.png)
claunia commented 2026-01-29 17:33:16 +00:00
Author
Owner
Copy Link

@akorchev commented on GitHub (Sep 16, 2021):

This is by design - the Radzen themes do not include the complete Bootstrap CSS as they are not using most of it. Feel free to include Bootstrap in your app and use the base version of the theme as mentioned in the documentation.

@akorchev commented on GitHub (Sep 16, 2021): This is by design - the Radzen themes do not include the complete Bootstrap CSS as they are not using most of it. Feel free to include Bootstrap in your app and use the base version of the theme as mentioned in the documentation.
claunia commented 2026-01-29 17:33:16 +00:00
Author
Owner
Copy Link

@Matthewsre commented on GitHub (Sep 16, 2021):

This is by design - the Radzen themes do not include the complete Bootstrap CSS as they are not using most of it. Feel free to include Bootstrap in your app and use the base version of the theme as mentioned in the documentation.

@akorchev,

Thank you for clarifying and I resolved the issue by including complete Bootstrap.

May I suggest updating the documentation to reflect what Bootstrap capabilities are included with the default.css?

My assumption was that "embeds Bootstrap" meant includes full Bootstrap and it took me a while to figure out why tables weren't working. The clarity could help prevent others from making the same assumptions I did and save them some trouble.

@Matthewsre commented on GitHub (Sep 16, 2021): > This is by design - the Radzen themes do not include the complete Bootstrap CSS as they are not using most of it. Feel free to include Bootstrap in your app and use the base version of the theme as mentioned in the documentation. @akorchev, Thank you for clarifying and I resolved the issue by including complete Bootstrap. May I suggest updating the documentation to reflect what Bootstrap capabilities are included with the default.css? My assumption was that "embeds Bootstrap" meant includes full Bootstrap and it took me a while to figure out why tables weren't working. The clarity could help prevent others from making the same assumptions I did and save them some trouble.
Sign in to join this conversation.
No Branch/Tag Specified
Branches Tags
Labels
Clear labels
enhancement
good first issue
pull-request
Mirrored from GitHub Pull Request
No Label
Milestone
No items
No Milestone
Projects
Clear projects
No project
Assignees
Clear assignees
claunia
No Assignees
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: starred/radzen-blazor#198
Delete Branch "%!s()"

Deleting a branch is permanent. Although the deleted branch may continue to exist for a short time before it actually gets removed, it CANNOT be undone in most cases. Continue?