Add required thead tag
@@ -190,19 +190,26 @@ const TableHeader = ({ dispatch, circuits }) => {
);
return (
+ <thead>
<tr className="table-header">
- <th onClick={() => sortCircuitsBy('circuitID', !sortedBy.ascendingOrder)}>
+ <th
+ onClick={() => sortCircuitsBy('circuitID', !sortedBy.ascendingOrder)}
+ >
Circuit ID
{sortSymbol('circuitID')}
</th>
<th
- onClick={() => sortCircuitsBy('memberCount', !sortedBy.ascendingOrder)}
+ onClick={() => {
+ sortCircuitsBy('memberCount', !sortedBy.ascendingOrder);
+ }}
>
Members
{sortSymbol('memberCount')}
</th>
<th
- onClick={() => sortCircuitsBy('serviceCount', !sortedBy.ascendingOrder)}
+ onClick={() => {
+ sortCircuitsBy('serviceCount', !sortedBy.ascendingOrder);
+ }}
>
Services type
{sortSymbol('serviceCount')}
@@ -215,7 +222,9 @@ const TableHeader = ({ dispatch, circuits }) => {
Management Type
{sortSymbol('managementType')}
</th>
- <th onClick={() => sortCircuitsBy('comments', !sortedBy.ascendingOrder)}>
+ <th
+ onClick={() => sortCircuitsBy('comments', !sortedBy.ascendingOrder)}
+ >
Comments
{sortSymbol('comments')}
</th>
@@ -238,6 +247,7 @@ const TableHeader = ({ dispatch, circuits }) => {
</div>
</th>
</tr>
+ </thead>
);
};
