JSFiddle - React, Tailwind, and code Playground

by asuran

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css">
<div class="container">
    <form>
        	<h4>
				Лидеры делегации
			</h4>

        <table class="table table-striped table-hover">
            <thead>
                <tr>
                    <td>ФИО</td>
                    <td>Пол</td>
                    <td>Дата рождения</td>
                    <td>Номер паспорта</td>
                    <td>Копия паспорта</td>
                    <td>Место работы</td>
                    <td>Должность</td>
                    <td>Email</td>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td>
                        <textarea rows="2" name="name"></textarea>
                    </td>
                    <td>
                        <select type="select" name="gender">
                            <option value="">Не выбрано</option>
                            <option value="1">Мужчина</option>
                            <option value="2">Женщина</option>
                        </select>
                    </td>
                    <td>
                        <input type="text" name="birthdate">
                    </td>
                    <td>
                        <input type="text" name="passport_num">
                    </td>
                    <td>
                        <input type="file" name="passport_file">
                    </td>
                    <td>
                        <textarea rows="2" name="employment_place"></textarea>
                    </td>
                    <td>
                        <textarea rows="2" name="employment_position"></textarea>
                    </td>
                    <td>
                        <input type="text" name="email">
                    </td>
                </tr>
                <tr>
                    <td>
                        <textarea rows="2" name="name"></textarea>
                  ...

CSS

body {
		    font-size: 9px;
		}
		.container {
		    width: 1024px;
		}
		thead {
		    text-align: center;
		}
		tbody:focus, tr:focus {
		    outline: 0px;
		}
		td {
		    padding: 3px !important;
		}
		tbody td.focus {
		    outline: auto 5px;
		}
		input, textarea {
		    border: 0px;
		    background: transparent;
		    width: 100px;
		    vertical-align: middle;
		}
		textarea {
		    resize: none;
		}
		table {
		    width: 1000px !important;
		}