Rounded corners needed for the primefaces datatable

[primefacesUser]

I have a primefaces datatable which get the data filled dynamically. The last row of the table has sharp edges. I want the last row of the datatable to have rounded edges. How can this be achieved.
Tried approaches by adding border-radius to ui-datatable-tablewrapper and also to the last child of the last row of the table.
When border-radius style is applied to ui-datatable-tablewrapper the corners become transparent without a border. How to make it a proper rounded corner.

[tandraschko]

i would suggest you to analyze the CSS and DOM structure with your browser developer tools and learn CSS.

[primefacesUser]

Thanks for your time !

I am new to Primefaces. Attaching how my table looks like. Below is the type of datatable that I have where the bottom left and right corners are not rounded. Applying border radius style to the datatable is not creating rounded corners. Primefaces CSS that is excatly affecting the datatable is not shown in the developer console.

[melloware]

You aren't applying the CSS correctly then as its works fine.

[melloware]

this CSS should do it.

body .ui-datatable-tablewrapper {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}