Как я могу получить значения заголовков таблицы, когда я выбираю ячейку?

Я работаю над заявкой на бронирование номеров, и я использую Angular 2. Я хотел бы выбрать ячейку в своем столе и получить значения вертикальных и горизонтальных заголовков, таких как «Room 1» и «9:00». Я получаю данные для заголовков таблицы с сервера. Это мой html-код:

<div class="table">
<table class="schedule-table" *ngIf="titles && titles.length && intervals && intervals.length">
        <tr>
            <th class="vertical-header-cell"></th>
            <th class="horizontal-header-cell" *ngFor="let title of titles">{{ title }}</th>
        </tr>
        <tr *ngFor="let interval of intervals">
            <th class="vertical-header-cell">{{ interval }}</th>
            <th class="body-cell" *ngFor="let title of titles"></th>
        </tr>
</table>

My css:

table {
width: 100%;
margin-top: 100px;
border-collapse: collapse;
}   

th {    
height: 60px;   
}

table, th, td {
border: 1px solid black;
}

.body-cell:hover{
background-color: green;
}

.vertical-header-cell {
width: 100px;
}    

Моя таблица

1
задан 13 August 2018 в 15:58

0 ответов

Другие вопросы по тегам:

Похожие вопросы: