Unable to define solid colored borders for every cell in a tabular format List view

0
Hi, I would like to present data in a tabular format, just like excel sheet, along with solid colored cell borders, with color of my choice. Kindly enlighten me how to do that. 
asked
1 answers
0

If you want to create something like this:

Then create the list-view with a table widget in the list-view. Add the fields in the table and make sure the caption is not shown and the values are shown as text, like below:

On the input fields add the class blueborder for the outer fields and class redborder for the inner field.

Create the two classes in the _custom.scss file like below:

@import 'custom-variables';

.blueborder{
	border: solid;
    border-color: blue;
    border-width: 1px;
	}
.redborder{
	border: solid;
    border-color: red;
	border-width: 1px;
    background-color: lightgray;
    color: blue;
    font-weight: bold;
	}

Easy when using Calypso, see https://docs.mendix.com/howto/front-end/calypso

Then to get rid of the space between the table cells either create a class (the preferred method) or for testing purposes set the style of the table cells to padding: 0px;

Run your app and you should see the result as in the first image.

There are other options, but all have to do with styling. If you need to apply different styles to the cells based on the content, like conditional formatting in Excel, search the forum a bit to get ideas on how to achieve this.

Hope this points you in the right direction.

answered