bad_table.html

<style>
.campaigns {
  margin-left: 30px;
  -ms-flex-direction: column;
      flex-direction: column;
  position: relative;
}
table {
  list-style: none; /* table's do not have list styles */
  display: -ms-flexbox;
  display: flex; /* Overriding the default `display: table` with `flex`???? */
  -ms-flex-direction: column;
      flex-direction: column;
  border: 1px solid black;
}
input {
  margin-right: 10px;
}
.table-name {
  width: 130px;
  background-color: transparent;
  border: 1px solid black;
  padding: 4px;
}
.table-budget {
  width: 60px;
  background-color: transparent;
  border: 1px solid black;
  padding: 4px;
}
.table-status {
  background: transparent;
  border: 1px solid black;
  font-size: 14px;
  padding: 3px;
  margin-right: 10px;
}
.table-date {
  width: 130px;
}
tr {
  padding-top: 7px;
  padding-bottom: 7px;
}
tr:nth-child(even) {
  background: #e4e4e4;
}
tr:nth-child(odd) {
  background: #FFF;
}
.save-button {
  margin-top: 10px;
}
tr:first-child {
  background-color: #bdbdbd;
  padding-top: 0px;
  padding-bottom: 0px;
}
th {
  font-weight: normal;
}
td {
  padding-right: 15px;
}
</style>

<table class="campaigns-edit">
	<tr class="table-header">
		<td width="20px"> <!-- width attribute? -->
			<th> <!-- nested TH in a TD? -->
			</th>
		</td>
		<td width="140px">
			<th>Campaign Name</th>
		</td>
		<td width="70px">
			<th>Status</th>
		</td>
		<td width="64px">
			<th>Budget</th>
		</td>
		<td width="134px">
			<th>Start Date</th>
		</td>
		<td width="134px">
			<th>End Date</th>
		</td>
	</tr>
	<tr>
		<input type="checkbox" value="[object Object]"> <!-- no TDs AND setting a JavaScript object as a value? -->
		<input class="table-name">
		<select class="table-status">
			<option value="true">Active</option>
			<option value="false">Inactive</option>
		</select>
		<input class="table-budget">
		<input type="date" class="table-date">
		<input type="date" class="table-date">
	</tr>
	<tr>
		<input type="checkbox" value="[object Object]">
		<input class="table-name">
		<select class="table-status">
			<option value="true">Active</option> <option value="false">Inactive</option>
		</select>
		<input class="table-budget">
		<input type="date" class="table-date">
		<input type="date" class="table-date">
	</tr>
</table>