Parcourir la source

add table radar

andifebri il y a 3 ans
Parent
commit
07d011e57d
1 fichiers modifiés avec 198 ajouts et 0 suppressions
  1. 198 0
      components/Riwayat/TableRadar.js

+ 198 - 0
components/Riwayat/TableRadar.js

@@ -0,0 +1,198 @@
+import React, { Component } from 'react';
+import ContentWrapper from '@/components/Layout/ContentWrapper';
+import { Row, Col, Card, CardHeader, CardBody, Table } from 'reactstrap';
+
+
+function TableRadar() {
+    return (
+        <Col xl="12">
+            <Card className="card-default">
+                {/* <CardHeader>Context Classes</CardHeader> */}
+                <CardBody>
+                    <Table responsive bordered>
+                        <thead>
+                            <tr>
+                                <th>Menu\Wilayah LLDikti</th>
+                                <th>I</th>
+                                <th>II</th>
+                                <th>III</th>
+                                <th>IV</th>
+                                <th>V</th>
+                                <th>VI</th>
+                                <th>VII</th>
+                                <th>VIII</th>
+                                <th>IX</th>
+                                <th>X</th>
+                                <th>XI</th>
+                                <th>XII</th>
+                                <th>XIII</th>
+                                <th>XIV</th>
+                                <th>XV</th>
+                                <th>XVI</th>
+                            </tr>
+                        </thead>
+                        <thead>
+                            <tr style={{
+                                backgroundColor: '#80b1ff',
+                                color: "black",
+                            }}>
+                                <th>Penjadwalan Evaluasi</th>
+                                <td>-</td>
+                                <td>-</td>
+                                <td>-</td>
+                                <td>-</td>
+                                <td>-</td>
+                                <td>-</td>
+                                <td>-</td>
+                                <td>-</td>
+                                <td>-</td>
+                                <td>-</td>
+                                <td>-</td>
+                                <td>-</td>
+                                <td>-</td>
+                                <td>-</td>
+                                <td>-</td>
+                                <td>-</td>
+                            </tr>
+                            <tr style={{
+                                backgroundColor: '#de8383',
+                                color: "black",
+                            }}>
+                                <th>Pemeriksaan</th>
+                                <td>-</td>
+                                <td>-</td>
+                                <td>-</td>
+                                <td>-</td>
+                                <td>-</td>
+                                <td>-</td>
+                                <td>-</td>
+                                <td>-444</td>
+                                <td>-</td>
+                                <td>-</td>
+                                <td>-</td>
+                                <td>-</td>
+                                <td>-</td>
+                                <td>-</td>
+                                <td>-</td>
+                                <td>-</td>
+                            </tr>
+                            <tr style={{
+                                backgroundColor: '#fdda80',
+                                color: "black",
+                            }}>
+                                <th>Sanksi</th>
+                                <td>-</td>
+                                <td>-</td>
+                                <td>-</td>
+                                <td>-</td>
+                                <td>-</td>
+                                <td>-</td>
+                                <td>-</td>
+                                <td>-</td>
+                                <td>-</td>
+                                <td>-</td>
+                                <td>-</td>
+                                <td>-</td>
+                                <td>-</td>
+                                <td>-</td>
+                                <td>-</td>
+                                <td>-</td>
+                            </tr>
+                            <tr style={{
+                                backgroundColor: '#cfab80',
+                                color: "black",
+                            }}>
+                                <th>Keberatan</th>
+                                <td>-</td>
+                                <td>-</td>
+                                <td>-</td>
+                                <td>-</td>
+                                <td>-</td>
+                                <td>-</td>
+                                <td>-</td>
+                                <td>-</td>
+                                <td>-</td>
+                                <td>-</td>
+                                <td>-</td>
+                                <td>-</td>
+                                <td>-</td>
+                                <td>-</td>
+                                <td>-</td>
+                                <td>-</td>
+                            </tr>
+                            <tr style={{
+                                backgroundColor: '#ef90df',
+                                color: "black",
+                            }}>
+                                <th>Banding</th>
+                                <td>-</td>
+                                <td>-</td>
+                                <td>-</td>
+                                <td>-</td>
+                                <td>-</td>
+                                <td>-</td>
+                                <td>-</td>
+                                <td>-</td>
+                                <td>-</td>
+                                <td>-</td>
+                                <td>-</td>
+                                <td>-</td>
+                                <td>-</td>
+                                <td>-</td>
+                                <td>-</td>
+                                <td>-</td>
+                            </tr>
+                            <tr style={{
+                                backgroundColor: '#80df89',
+                                color: "black",
+                            }}>
+                                <th>Pemantauan perbaikan</th>
+                                <td>-</td>
+                                <td>-</td>
+                                <td>-</td>
+                                <td>-</td>
+                                <td>-</td>
+                                <td>-</td>
+                                <td>-</td>
+                                <td>-</td>
+                                <td>-</td>
+                                <td>-</td>
+                                <td>-</td>
+                                <td>-</td>
+                                <td>-</td>
+                                <td>-</td>
+                                <td>-</td>
+                                <td>-</td>
+                            </tr>
+                            <tr style={{
+                                backgroundColor: '#a3d4d1',
+                                color: "black",
+                            }}>
+                                <th>Pencabutan Sanksi</th>
+                                <td>-</td>
+                                <td>-</td>
+                                <td>-</td>
+                                <td>-</td>
+                                <td>-</td>
+                                <td>-</td>
+                                <td>-</td>
+                                <td>-</td>
+                                <td>-</td>
+                                <td>-</td>
+                                <td>-</td>
+                                <td>-</td>
+                                <td>-</td>
+                                <td>-</td>
+                                <td>-</td>
+                                <td>-</td>
+                            </tr>
+                        </thead>
+                    </Table>
+                </CardBody>
+            </Card>
+        </Col>
+    )
+}
+
+export default TableRadar
+