CellPadding for Table

CellPadding for Table

  
Hi,
I want to give cell-padding to my table. Neither i see a property nor it works in "extended property" in outsytems. How can i add cell-padding to my table, help please?
Hi Riddhi,

You can try to apply a css to the td elements of your table. ex.: .classTable td { padding: 5px }

There's 2 properties on tables that can helps you to achieve this too:

Riddhi  the simplest would be the way André has suggested that would give you padding or 5... but if you want the table to have something custom spacing for table headers and alternate rows, I would sincerely suggest you to extend the CSS block and update it with your custom codes.

.oscustom {
margin:0px;padding:5px;
width:100%;
box-shadow: 10px 10px 5px #888888;
border:1px solid #000000;
 
-moz-border-radius-bottomleft:0px;
-webkit-border-bottom-left-radius:0px;
border-bottom-left-radius:0px;
 
-moz-border-radius-bottomright:0px;
-webkit-border-bottom-right-radius:0px;
border-bottom-right-radius:0px;
-moz-border-radius-topright:0px;
-webkit-border-top-right-radius:0px;
border-top-right-radius:0px;
-moz-border-radius-topleft:0px;
-webkit-border-top-left-radius:0px;
border-top-left-radius:0px;
}
.oscustom table{
    border-collapse: collapse;
     border-spacing: 0;
width:100%;
height:100%;
margin:0px;padding:0px;
}
.oscustom tr:last-child td:last-child {
-moz-border-radius-bottomright:0px;
-webkit-border-bottom-right-radius:0px;
border-bottom-right-radius:0px;
}
.oscustom table tr:first-child td:first-child {
-moz-border-radius-topleft:0px;
-webkit-border-top-left-radius:0px;
border-top-left-radius:0px;
}
.oscustom table tr:first-child td:last-child {
-moz-border-radius-topright:0px;
-webkit-border-top-right-radius:0px;
border-top-right-radius:0px;
}
.oscustom tr:last-child td:first-child{
-moz-border-radius-bottomleft:0px;
-webkit-border-bottom-left-radius:0px;
border-bottom-left-radius:0px;
}
.oscustom tr:hover td{
 
}
.oscustom tr:nth-child(odd){ background-color:#ffaa56; }
.oscustom tr:nth-child(even)    { background-color:#ffffff; }.oscustom td{
vertical-align:middle;
border:1px solid #000000;
border-width:0px 1px 1px 0px;
text-align:left;
padding:7px;
font-size:10px;
font-family:Arial;
font-weight:normal;
color:#000000;
}
.oscustom tr:last-child td{border-width:0px 1px 0px 0px;}
.oscustom tr td:last-child
{border-width:0px 0px 1px 0px;}
.oscustom tr:last-child td:last-child
{border-width:0px 0px 0px 0px;}
.oscustom tr:first-child td{
background:-o-linear-gradient(bottom, #ff7f00 5%, #bf5f00 100%);
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ff7f00), color-stop(1, #bf5f00) );
background:-moz-linear-gradient( center top, #ff7f00 5%, #bf5f00 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff7f00", endColorstr="#bf5f00");
background: -o-linear-gradient(top,#ff7f00,bf5f00);
background-color:#ff7f00;
border:0px solid #000000;
text-align:center;
border-width:0px 0px 1px 1px;
font-size:14px;
font-family:Arial;
font-weight:bold;
color:#ffffff;
}
.oscustom tr:first-child:hover td{
background:-o-linear-gradient(bottom, #ff7f00 5%, #bf5f00 100%);
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ff7f00), color-stop(1, #bf5f00) );
background:-moz-linear-gradient( center top, #ff7f00 5%, #bf5f00 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff7f00", endColorstr="#bf5f00");
background: -o-linear-gradient(top,#ff7f00,bf5f00);
background-color:#ff7f00;
}
.oscustom tr:first-child td:first-child
{border-width:0px 0px 1px 0px;}
.oscustom tr:first-child td:last-child{
border-width:0px 0px 1px 1px;}