I am currently working on a Bootstrap Modal that utilizes jQuery to generate a list within my form. My main objective is to have the email section dynamically expand as the length of the email input increases.
Update: You can find the modal I am using at the following link:
This is how the list appears initially when I input the field:
I aim to adjust the column width based on the length of the email input.
The code snippet demonstrating this functionality is provided below:
.table-wrapper {
width: 700px;
margin: 30px auto;
background: #fff;
padding: 20px;
box-shadow: 0 1px 1px rgba(0,0,0,.05);
}
.table-title {
padding-bottom: 10px;
margin: 0 0 10px;
}
.table-title h2 {
margin: 6px 0 0;
font-size: 22px;
}
.table-title .add-new {
float: right;
height: 30px;
font-weight: bold;
font-size: 12px;
text-shadow: none;
min-width: 100px;
border-radius: 50px;
line-height: 13px;
}
.table-title .add-new i {
margin-right: 4px;
}
table.table {
table-layout: fixed;
}
table.table tr th, table.table tr td {
border-color: #e9e9e9;
}
table.table th i {
.... (truncated for brevity)
</div>