ui-table | 🧮 UI Components for Table | Frontend Framework library

I have a html code which includes the following part:

I have a material table that currently displays the name and id of data. I am trying to also display mode in the table but is a boolean instead of a string and integer. It refuses to display in the Mui-Table That is the only thing I can think of being the issue. I've tested and target_path also works if I substitute it in for mode.

I'd appreciate any help with this

I am trying to implement both [scrollable]="true" and stick header in p-table of PrimeNg. But sticky header works fine if I won't use the scrollable. If I implement both, scrollable is working but sticky header is not working.

I used the following css from primeng for the sticky header.

below is a table that contains text boxes. I want to reset each row individually, but right now it is resetting the whole table. What is the best known method to attack this problem? At the moment I am using jquery, but I am not sure if javascript would work any better. I also did try to iterate through each row, but somehow I got the same results and nothing changed.

I am trying to change the color of the row to a different color upon row unselect. This feature is something that is provided by the primeng theme. I am trying to override it to customize it. Is there anyway I can change the row color when it is unselected and then keep the color until that row is selected again? I am working with single selection p-table here.

I tried this to override:

I am trying to implement something like light version of mat-table form Angular Material. And i can't create component inside child component. Here is some code and link to stackblitz at the end.

In some *.html file:

I am trying to extract the price of this type of website using XPath but I don't have any experience and using an addon I got this Xpath expression //div[@class='teaser--product-prices public-product']/div[@class='ui-table' and 1]/div[@class='ui-table-cell' and 1]/div[@class='teaser--product-final-price large sell-price' and 1] which is not working.

The website also uses dot (.) as a thousand separator and doesn't use a dot (.) for decimals so I would really appreciate if there was a way to remove the first dot and add one for decimals through the Xpath expression.

The expression is to be used for Content Egg Wordpress plugin to feed price information to a website.

The website is https://www.public-cyprus.com.cy/product/tileoraseis/tileoraseis/tileorasi-samsung-65-smart-8k-qled-qe65q950t/prod10634476pp/

I have tried to create a table like this: table that I want

But when I followed this tutorial https://codesandbox.io/s/material-ui-table-demo-with-row-span-dq1w6?file=/demo.js and try it in many way, the result just not correct.

This is my result: https://codesandbox.io/s/material-ui-table-demo-with-row-span-1hhvv?file=/demo.js

Thank you for your help

I am trying to make a table component, which I have completed, I want to add a feature to the component where I can customize individual cells in the component. I am not exactly sure how to do this.

So I have seen this implemented like the following:

• model is the data related to the table (headers, rows, pagination, etc.)
• matches is the column name to match (in the headers id what is match, in rows it is the property key).
• let-content is the data associated with the cell for that row.