search

Happy-Coding-Clans / vue-easytable

A powerful data table based on vuejs. You can use it as data grid、Microsoft Excel or Google sheets. It supports virtual scroll、cell edit etc.
https://happy-coding-clans.github.io/vue-easytable/
MIT License
3.69k stars 738 forks source link

Adding border-radius #418

Closed roma177 closed 2 years ago

roma177 commented 2 years ago

I have a simple table inside template tag, which I want to have a border-radius. How can I do that, seems that adding css to all table default classess does not affect it.

huangshuwei commented 2 years ago

Thanks for your report. It's really inconvenient to add border radius at present. I'll fix this in the next version.

Now you can solve it in the following way:

<ve-table
  style="border-radius: 10px; border: 1px solid #eee; overflow: hidden"
  :border-around="false"
  id="loading-container"
  :columns="columns"
  :table-data="tableData"
/>
huangshuwei commented 2 years ago

The new version makes it easier to set the border-radius: https://happy-coding-clans.github.io/vue-easytable/#/en/doc/table/border?anchor=border-radius