column borders in asp.net table controls - asp.net

I am new to asp.net and using it to create a form. I have a table control, in which I need to put visible borders only between columns. I dont need the border anywhere else. Is there a way to do this and if yes, how?
thanks in advance

I would assign a css class to your table cells that had definitions for border-left and border-right set to the color and thickness you'd like.

You can do css and set borders colors but easier is just with simple format like in ms word. Tick whole column and go to format -> boders and shading there is everything you need.

Related

React DataGrid Single Row Customization

Working with a Material UI react data grid for the first time and I need to apply a custom background color to only the first 3 rows, each being a different color. The custom coloring of these rows is static, nothing that's supposed to happen after an event takes place. Is there any way to point to only one row and apply a background color to it from my scss file?
On a slightly related note, how do I extend column separators so they fill the data grid?
Thank you in advance!
use nth-child(1){}
for style the number 1 child.

Dynamic css for one cell in DataTable - PrimeNG

I'm using databale from PrineNG in my angular+typescript project.
I have datatable with some editable cells.
I want to change cell background color in some cases.
I know I can use 'bodyStyleClass'. But I need to take some css class based on whole row (I need to compare two values).
It means background color should be dynamically changed by my method.
How I can do this?

Devexpress BatchEdit cell style - Simulate input

I'm using DevExpress and I have an ASPxGridView that can be modified by BatchEdit.
This grid only have some cells that can be edited, and even on the same column some cells can be modified and others not (it depends on some conditions and I control that by JS with OnBatchStartEdit)
I want that the user could see quickly which cells are ready for edit and which ones not. I thought about simulating an style like if it were an input with CSS with outline and outline-offset, but outline-offset does not work on IE and without it, it is really ugly.
Another option I thought was with a border + radius, but with radius the background color of the cells outside the radius stays in white, and I don't want that because all the row must have the same color.
Do you have any solution to the issues of the options above or a new way to do what I want?

CSS Table border - not straight lines

I am trying to create HTML Table and give some cells a special border,
you can see the example here - I marked it with Arrow..
Please help me to understand how can I create such border , without using images.
I read this topic, but I could not be able to transfer it to table element or do it as the border of it..
Customizing border properties using zigzag edges
Thanks,
Gabi.
The answer is to use an image as a background to the cell. The image contains the curve and the image could be white and grey, or transparent and grey depending on your use case.
Always try to see what could be there instead of what you think is there

Flex: Row based rendering in Datagrid

I need to have custom rendering of each row in my datagrid. It is column based by default. Is there some way to achieve this?
If any one has tried this before or has any idea in this regard, then please share.
Thanks in advance.
Ashine.
If all you want is different colors, there is an alternatingItemColors style in DataGrid's base class ListBase. You can set an array of colors.
The colors to use for the backgrounds of the items in the list. The value is an array of two or more colors. The backgrounds of the list items alternate among the colors in the array.
For DataGrid controls, all items in a row have the same background color, and each row's background color is determined from the array of colors.
What kind of customization are you looking for?

Resources