Table table setting fillet

We found that it was directly to table Set up border-radius When it is found that it does not take effect

It's been a long time since I wrote it table The layout is Now they basically use ui In the framework table

But sometimes we When the mobile terminal needs tables Also show some Complex headers When merging tables At this time, it may be necessary for us to write in native language table label

such as rowspan Merger line .colspan Merge Columns
It seems that it's a bit off the subject . If the fillet is set We can't set... On a table

border-collapse: collapse; If you set this . May not be effective
Merge （collapsed ） In mode , Adjacent cells in the table share borders . In this mode ,CSS attribute border-style Value inset Show as groove , value outset Manifested as a ridge .

border-collapse: collapse;

border-collapse CSS Property is used to determine whether the borders of a table are separated or merged . In split mode , Adjacent cells have separate borders . In merge mode , Adjacent cells share borders .

If you want to set it successfully, you have to adjust it Here's it
Set up border-collapse: separate;
Separate （separated） The pattern is HTML The traditional pattern of tables . Adjacent cells have different borders . The distance between the borders is through CSS attribute border-spacing To determine the .

border-collapse: separate;
border-spacing: 0;
border-radius: 4rpx;

And then it's all right .
Write the mobile terminal table This time, I had a hard review . Tabular knowledge .

Pay attention to me Continuously update front-end knowledge