• Location: #117 BTM Layout Bangalore India
  • Email: business@arspasolutions.com
  • CONTACT US
    (0) 9740678588

Table Generator

Table properties

Rows Columns
Width Height
Min Height Min Width
Border
Background Color    
Border Collapse Line Height
Border Background Text Shadow Border Shadow

Table Padding/Margin
Padding Margin
Border Spacing
Padding/ Margin Advanced options

Table Padding/Margin

Table padding
scale
Bottom Right
Top Left

Table margin
scale
Bottom Right
Top Left

Table Border Options
Top Border
Bottom Border
Left Border
Right Border

Table Background
Background Color background-origin
Background Url

Text Shadow
Horizontal Length Vertical Length
Blur Color

Border Shadow
Table Border Radius Inset
Horizontal Length Vertical Length
Blur Radius Spread Radius
Shadow Color Shadow Opacity

Table Advanced Properties

OutLine Style Width
Color Direction
Z-Index Overflow
Table Layout Empty Cells
Visibility Cursor
Text-transform Text-decoration
Letter Spacing Word Spacing
Font Variant

Row Hover Properties

Alternate Color Hover Color
Font  

Caption Properties

Caption Position
Background Font
Font Size
Spacing Height
V Align Text Align
Margin Padding
Border
Border Options Background Background Gradient

Caption Border Options
Top Border
Bottom Border
Left Border
Right Border

Caption Background
Background Color background-origin
Background Url

Gradient Background
Gradient Direction Start Color End Color

Header Properties

Font
Border
VAlign Text Align
Spacing Height
Margin Padding
Background Color

Image Background
Background Color background-origin
Background Url

Border Options
Top Border
Bottom Border
Left Border
Right Border

Gradient Background
Gradiend Direction Start Color End Color

Cell Properties

Font Family Font size
Font color Font style
Cell Border
Spacing background
Text align Valign
Padding Margin
padding options margin options

Cell Padding
Choose scale
Bottom Left
Right Top

Cell Margin
Choose scale
Bottom Left
Right Top
Border Background Text Shadow Border Shadow Gradient Background

Shadow
Horizontal Length Vertical Length Border Width
Blur Shadow Color

Shadow
Border Radius Horizontal Length Vertical Length
Blur Radius Shadow Color

Cell Background
Background Color background-origin
Background Url

Cell Border Options
Top Border
Bottom Border
Left Border
Right Border

Gradient Background
Direction Start Color End Color

footer Properties

Font
Background    
Border
V Align H Align
Margin Padding
 Height Spacing
Border Image background Gradient Background

Footer Border Options
Top Border
Bottom Border
Left Border
Right Border

Footer Background
Background Color background-origin
Background Url

Background
Direction
Start Color End Color

TH TH TH TH TH
TABLE FOOTER DETAILS
Cell Cell Cell Cell Cell
Cell Cell Cell Cell Cell
Cell Cell Cell Cell Cell
Cell Cell Cell Cell Cell
Cell Cell Cell Cell Cell 

                                            <style>
.customtable
{
width:auto!important;
height:100%!important;
line-Height:30px;
border:5px solid #ff6600;
border-collapse:separate;
padding:1px;
margin:1px;
border-spacing:1px;
}
.customtable thead tr th
{
border-top:1px solid #000000;border-bottom:1px solid #000000;border-left:1px solid #000000;border-right:1px solid #000000;
font-family:'arial',helvetica, sans-serif';
font-size:100%;
padding:1px;margin:1px;
spacing:1px;
vertical-align:bottom;
color:#ff6600;
text-align:left;
line-height:20px;
background-color:#ffe87c;background-image: url('http://shabirhakim.net/img/tableheader.png');background-repeat:repeat;background-position:center;background-attachment:scroll;
}

.customtable tfoot tr td
{
background-color:#ff6600;color:#ffffff;
border:1px solid #ffffff;
font-family:'arial',helvetica, sans-serif';;
font-size:100%;
padding:1px;margin:1px;
border-spacing:1px;
vertical-align:top;
text-align:center;
line-height:20px;
font-weight:;
}

.customtable tbody tr {width:100%;}

.customtable tbody tr td
{
width:20%;
border:0px dotted #000000;
background-color:#ffffff;
color:#000000;
margin:1px;
border-spacing:1px;
padding:1px;
font-family:'arial',helvetica, sans-serif';
text-align:left;
vertical-align:middle;
}
</style>
                                           

                                            <!DOCTYPE html>
<html>
<head>
<title>CSS BASED TABLE</title>
</head>
<body>
<table class="customtable">
<thead>
<tr><th>TH
</th><th>TH
</th><th>TH
</th><th>TH
</th><th>TH
</th></tr>
</thead>
<tfoot>
<tr>
<td colspan="5">TABLE FOOTER DETAILS</td>
</tr>
</tfoot>
<tbody>
<!-- Row 1 -->
<tr><td>Cell
</td> <td>Cell
</td> <td>Cell
</td> <td>Cell
</td> <td>Cell
</td> </tr>
<!-- Row 2 -->
<tr><td>Cell
</td> <td>Cell
</td> <td>Cell
</td> <td>Cell
</td> <td>Cell
</td> </tr>
<!-- Row 3 -->
<tr><td>Cell
</td> <td>Cell
</td> <td>Cell
</td> <td>Cell
</td> <td>Cell
</td> </tr>
<!-- Row 4 -->
<tr><td>Cell
</td> <td>Cell
</td> <td>Cell
</td> <td>Cell
</td> <td>Cell
</td> </tr>
<!-- Row 5 -->
<tr><td>Cell
</td> <td>Cell
</td> <td>Cell
</td> <td>Cell
</td> <td>Cell
</td> </tr>
</tbody>
</table>
</body></html>

The perfect choice for Entrepreneur, business advisor and corporates.

GET A QUOTE