JSFiddle - React, Tailwind, and code Playground

by Mahavirsinh Padhiyar

HTML

<table class="table table-responsive customtable">
                                                <thead>
                                                    <tr>
                                                        <th colspan="5" class="text-center Assessmentmainheader">
                                                            ASSESSMENT
                                                            
                                                        </th>
                                                    </tr>
                                                    <tr>
                                                        <th width="160" class="Assessmentheader text-center">Student Name</th>
                                                        <th class="Assessmentheader text-center">Subjects</th>
                                                        <th class="Assessmentheader text-center">Assessment</th>
                                                        <th class="Assessmentheader text-center">Marks</th>
                                                        <th class="Assessmentheader text-center">View</th>
                                                    </tr>
                                                </thead>
                                                <tbody ng-repeat="asmnt in AssessmentList" class="ng-scope">
                                                    <tr>
                                                        <td rowspan="2">dasda asd sdasdas</td>
                                                    </tr>
                                                    <tr >
                                                        <td class="text-center ">Mathematics</td>
                                                        <td class="text-center">
                                                         <span style="color: #fff" >Add</span> </td>
                                                         <td...

CSS

.customtable tr,
    .customtable td,
    .customtable tbody,
    .customtable th {
        border: 1px double black !important;
        border-bottom: 1px double black !important;
        border-top: 1px double black !important;
        border-right: 1px double black !important;
        border-left: 1px double black !important;
    }