строка таблицы теперь попадает в границы
0
У меня есть таблица с несколькими рядами и колпанами. здесь, когда я применяю css, последний столбец выходит за границу.
мой HTML-код
<table class="frame_PD-all">
<colgroup>
<col class="colnum-1 colname-col1 colwidth-4"></col><col class="colnum-2 colname-col2 colwidth-4"></col><col class="colnum-3 colname-col3 colwidth-7"></col><col class="colnum-4 colname-col4 colwidth-4"></col><col class="colnum-5 colname-col5 colwidth-7"></col><col class="colnum-6 colname-col6 colwidth-10"></col><col class="colnum-7 colname-col7 colwidth-6"></col><col class="colnum-8 colname-col8 colwidth-6"></col><col class="colnum-9 colname-col9 colwidth-6"></col><col class="colnum-10 colname-col10 colwidth-6"></col><col class="colnum-11 colname-col11 colwidth-6"></col><col class="colnum-12 colname-col12 colwidth-6"></col><col class="colnum-13 colname-col13 colwidth-6"></col><col class="colnum-14 colname-col14 colwidth-6"></col><col class="colnum-15 colname-col15 colwidth-6"></col><col class="colnum-16 colname-col16 colwidth-10"></col></colgroup>
<thead>
<tr>
<td class="align-center" rowspan="2" valign="top">
<div class="para">
<span class="font-style-bold">BIL</span>
</div>
</td>
<td class="align-center" rowspan="2" valign="top">
<div class="para">
<span class="font-style-bold">NO. KES</span>
</div>
</td>
<td class="align-center" rowspan="2" valign="top">
<div class="para">
<span class="font-style-bold">NAMA PEMBELI</span>
</div>
</td>
<td class="align-center" rowspan="2" valign="top">
<div class="para">
<span class="font-style-bold">NO. K/P</span>
</div>
</td>
<td class="align-center" rowspan="2" valign="top">
<div class="para">
<span class="font-style-bold">ALAMAT PEMBELI</span>
</div>
</td>
<td class="align-center" rowspan="2" valign="top">
<div class="para">
<span class="font-style-bold">TARIKH LELONGAN</span>
</div>
</td>
<td class="align-center" rowspan="2" valign="top">
<div class="para">
<span class="font-style-bold">TARIKH LUPUT</span>
</div>
</td>
<td class="align-center" rowspan="2" valign="top">
<div class="para">
<span class="font-style-bold">HARGA RIZAB</span>
</div>
</td>
<td class="align-center" rowspan="2" valign="top">
<div class="para">
<span class="font-style-bold">HARGA JUALAN</span>
</div>
</td>
<th class="align-center" valign="top" colspan="3">
<div class="para">
<span class="font-style-bold">DEPOSIT 10% HARGA RIZAB</span>
</div>
</th>
<th class="align-center" valign="top" colspan="3">
<div class="para">
<span class="font-style-bold">BAKI HARGA BELIAN</span>
</div>
</th>
<td class="align-center" rowspan="2" valign="top">
<div class="para">
<span class="font-style-bold">TARIKH PENERIMAAN PENYATA AKAUN (S.268(A)) KTN</span>
</div>
</td>
</tr>
<tr>
<th class="align-center" valign="top">
<div class="para">
<span class="font-style-bold">TARIKH</span>
</div>
</th>
<th class="align-center" valign="top">
<div class="para">
<span class="font-style-bold">NO RESIT</span>
</div>
</th>
<th class="align-center" valign="top">
<div class="para">
<span class="font-style-bold">JUMLAH</span>
</div>
</th>
<th class="align-center" valign="top">
<div class="para">
<span class="font-style-bold">TARIKH</span>
</div>
</th>
<th class="align-center" valign="top">
<div class="para">
<span class="font-style-bold">NO RESIT</span>
</div>
</th>
<th class="align-center" valign="top">
<div class="para">
<span class="font-style-bold">JUMLAH</span>
</div>
</th>
</tr>
</thead>
<tbody>
<tr>
<td class="align-left" valign="top">
<div class="para">
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
</div>
</td>
<td class="align-left" valign="top">
<div class="para"></div>
</td>
<td class="align-left" valign="top">
<div class="para"></div>
</td>
<td class="align-left" valign="top">
<div class="para"></div>
</td>
<td class="align-left" valign="top">
<div class="para"></div>
</td>
<td class="align-left" valign="top">
<div class="para"></div>
</td>
<td class="align-left" valign="top">
<div class="para"></div>
</td>
<td class="align-left" valign="top">
<div class="para"></div>
</td>
<td class="align-left" valign="top">
<div class="para"></div>
</td>
<td class="align-left" valign="top">
<div class="para"></div>
</td>
<td class="align-left" valign="top">
<div class="para"></div>
</td>
<td class="align-left" valign="top">
<div class="para"></div>
</td>
<td class="align-left" valign="top">
<div class="para"></div>
</td>
<td class="align-left" valign="top">
<div class="para"></div>
</td>
<td class="align-left" valign="top">
<div class="para"></div>
</td>
</tr>
</tbody>
</table>
css применяется, можно найти в этой скрипке, пожалуйста, дайте мне знать, где я иду не так. Вы можете увидеть последний столбец, когда вы расширяете окно html в скрипте.
Я пропускаю границу, подсвечиваю его скриншот, а последний столбец выбивается из таблицы.
благодаря
3 ответа
1
Лучший ответ
Как это
HTML
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td rowspan="2" align="center"><span class="font-style-bold">BIL</span></td>
<td rowspan="2" align="center"><span class="font-style-bold">KES</span></td>
<td rowspan="2" align="center"><span class="font-style-bold">NAMA PEMBELI</span></td>
<td rowspan="2" align="center"><span class="font-style-bold">NO. K/P</span></td>
<td rowspan="2" align="center"><span class="para"><span class="font-style-bold">ALAMAT PEMBELI</span> </span></td>
<td rowspan="2" align="center"><span class="para"><span class="font-style-bold">TARIKH LELONGAN</span> </span></td>
<td rowspan="2" align="center"><span class="font-style-bold">TARIKH LUPUT</span></td>
<td colspan="3" align="center"><span class="font-style-bold">DEPOSIT 10% HARGA RIZAB</span></td>
<td colspan="3" align="center"><span class="para"><span class="font-style-bold">BAKI HARGA BELIAN</span></span></td>
<td rowspan="2" align="center"><span class="font-style-bold">TARIKH PENERIMAAN PENYATA AKAUN (S.268(A)) KTN</span></td>
</tr>
<tr>
<td align="center"><span class="font-style-bold">TARIKH</span></td>
<td align="center"><span class="para"><span class="font-style-bold">NO RESIT</span></span></td>
<td align="center"><span class="font-style-bold">JUMLAH</span></td>
<td align="center"><span class="font-style-bold">TARIKH</span></td>
<td align="center"><span class="font-style-bold">NO RESIT</span></td>
<td align="center"><span class="font-style-bold">JUMLAH</span></td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>
Falguni Panchal
Поделиться
-
0Да, это то, что я хотел, спасибо, но не могли бы вы дать мне знать, где я ошибся?user2423959
-
1@ user2423959 Я думаю, ты ошибся в make colspanFalguni Panchal
Показать ещё 2 комментария
0
Добавить table-layout: fixed для вашей таблицы css...., которая отсутствует !!
сделай это:
table.frame_PD-all {
width:100%;
border-collapse:collapse;
border: 0.080em solid;
margin-top:1em;
table-layout: fixed; /* added to solve your main problem */
word-break:break-all;/* added so that words can wrap inside the boundry */
}
NoobEditor
Поделиться
0
Ну вот.
Код:
<table class="frame_PD-all">
<colgroup>
<col class="colnum-1 colname-col1 colwidth-4"></col><col class="colnum-2 colname-col2 colwidth-4"></col><col class="colnum-3 colname-col3 colwidth-7"></col><col class="colnum-4 colname-col4 colwidth-4"></col><col class="colnum-5 colname-col5 colwidth-7"></col><col class="colnum-6 colname-col6 colwidth-10"></col><col class="colnum-7 colname-col7 colwidth-6"></col><col class="colnum-8 colname-col8 colwidth-6"></col><col class="colnum-9 colname-col9 colwidth-6"></col><col class="colnum-10 colname-col10 colwidth-6"></col><col class="colnum-11 colname-col11 colwidth-6"></col><col class="colnum-12 colname-col12 colwidth-6"></col><col class="colnum-13 colname-col13 colwidth-6"></col><col class="colnum-14 colname-col14 colwidth-6"></col><col class="colnum-15 colname-col15 colwidth-6"></col><col class="colnum-16 colname-col16 colwidth-10"></col></colgroup>
<thead>
<tr>
<td class="align-center" rowspan="2" valign="top">
<div class="para">
<span class="font-style-bold">BIL</span>
</div>
</td>
<td class="align-center" rowspan="2" valign="top">
<div class="para">
<span class="font-style-bold">NO. KES</span>
</div>
</td>
<td class="align-center" rowspan="2" valign="top">
<div class="para">
<span class="font-style-bold">NAMA PEMBELI</span>
</div>
</td>
<td class="align-center" rowspan="2" valign="top">
<div class="para">
<span class="font-style-bold">NO. K/P</span>
</div>
</td>
<td class="align-center" rowspan="2" valign="top">
<div class="para">
<span class="font-style-bold">ALAMAT PEMBELI</span>
</div>
</td>
<td class="align-center" rowspan="2" valign="top">
<div class="para">
<span class="font-style-bold">TARIKH LELONGAN</span>
</div>
</td>
<td class="align-center" rowspan="2" valign="top">
<div class="para">
<span class="font-style-bold">TARIKH LUPUT</span>
</div>
</td>
<td class="align-center" rowspan="2" valign="top">
<div class="para">
<span class="font-style-bold">HARGA RIZAB</span>
</div>
</td>
<td class="align-center" rowspan="2" valign="top">
<div class="para">
<span class="font-style-bold">HARGA JUALAN</span>
</div>
</td>
<th class="align-center" valign="top" colspan="3">
<div class="para">
<span class="font-style-bold">DEPOSIT 10% HARGA RIZAB</span>
</div>
</th>
<th class="align-center" valign="top" colspan="3">
<div class="para">
<span class="font-style-bold">BAKI HARGA BELIAN</span>
</div>
</th>
<td class="align-center" rowspan="2" valign="top">
<div class="para">
<span class="font-style-bold">TARIKH PENERIMAAN PENYATA AKAUN (S.268(A)) KTN</span>
</div>
</td>
</tr>
<tr>
<th class="align-center" valign="top">
<div class="para">
<span class="font-style-bold">TARIKH</span>
</div>
</th>
<th class="align-center" valign="top">
<div class="para">
<span class="font-style-bold">NO RESIT</span>
</div>
</th>
<th class="align-center" valign="top">
<div class="para">
<span class="font-style-bold">JUMLAH</span>
</div>
</th>
<th class="align-center" valign="top">
<div class="para">
<span class="font-style-bold">TARIKH</span>
</div>
</th>
<th class="align-center" valign="top">
<div class="para">
<span class="font-style-bold">NO RESIT</span>
</div>
</th>
<th class="align-center" valign="top">
<div class="para">
<span class="font-style-bold">JUMLAH</span>
</div>
</th>
</tr>
</thead>
<tbody>
<tr>
<td class="align-left" valign="top">
<div class="para">
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
</div>
</td>
<td class="align-left" valign="top">
<div class="para"></div>
</td>
<td class="align-left" valign="top">
<div class="para"></div>
</td>
<td class="align-left" valign="top">
<div class="para"></div>
</td>
<td class="align-left" valign="top">
<div class="para"></div>
</td>
<td class="align-left" valign="top">
<div class="para"></div>
</td>
<td class="align-left" valign="top">
<div class="para"></div>
</td>
<td class="align-left" valign="top">
<div class="para"></div>
</td>
<td class="align-left" valign="top">
<div class="para"></div>
</td>
<td class="align-left" valign="top">
<div class="para"></div>
</td>
<td class="align-left" valign="top">
<div class="para"></div>
</td>
<td class="align-left" valign="top">
<div class="para"></div>
</td>
<td class="align-left" valign="top">
<div class="para"></div>
</td>
<td class="align-left" valign="top">
<div class="para"></div>
</td>
<td class="align-left" valign="top">
<div class="para"></div>
</td>
<td class="align-left" valign="top">
<div class="para"></div>
</td>
</tr>
</tbody>
</table>
Надеюсь это поможет.
Nitesh
Поделиться
-
0Эй, извините за неправильный вопрос. Я обновил свой вопрос, пожалуйста, посмотрите на него. Спасибо за ответ
Ещё вопросы
- 0Первый щелчок по выбору не выбирает значение
- 0JSON @attributes Использование ионных или AngularJS
- 0Sprit читабельная строка php для разделения переменных
- 0Несколько раскрывающихся не работает в HTML
- 1Как добавить аннотации Java в JNI SWIG API?
- 1Мангуст найти один внутри цикла
- 1Время Tweepy Status.created_at не соответствует фактическому времени временной шкалы.
- 0Угловой фильтр точного соответствия
- 1Aiohttp маршрутизация (aiohttp.web.RouteTableDef)
- 1фреймворк первого кода не может подключиться к базе данных
- 1Чтение из firebase внутри облачной функции
- 0как удалить разрыв строки между тегом span в HTML
- 1Больше информации об ошибке + более длинная программа или меньше информации об ошибке + более короткая программа?
- 1Javascript ES6 Получить JSON из URL (без jQuery)
- 0Группировать записи по двум столбцам
- 0Сконфигурируйте пользовательский интерфейс Angularjs из Java перед загрузкой сетки
- 0Как сохранить состояние входного переключателя после обновления страницы
- 1Bing Maps v8 - вызов события нажатия на PushPin
- 1Начальные проблемы с перекрашиванием и подсчет соседних проблем
- 0Паспорт логин - mysql
- 0Ошибка файла не найден при запуске программы в Visual Studio 2010
- 0CB_SELECTSTRING игнорируется на некоторых машинах
- 0проблема в кнопке выхода FB
- 0Экспорт в MySQL из Excel с использованием плагина «MySQL для Excel» очень медленный
- 1Не удается подключиться к одноузловому серверу Kafka через Docker
- 1Как применить Interceptor в python?
- 1Как использовать Loop для выполнения процедуры хранения в Cosmos-DB / Document-DB?
- 0Как перенаправить index.php в root с помощью .htaccess
- 0Функция фильтрации wxCheckListBox
- 0Я пытался сделать новостную ленту. Но есть ошибка, когда мышь уходит после наведения
- 1canvas.toDataURL () возвращает черное изображение, пытаясь изменить размер строки base64
- 0Открыть модал в определенную дату / время [дубликаты]
- 0Как я могу заставить пишущую машинку Jquery / Javascript распознавать пробельные символы?
- 1Как сохранить несколько URL-адресов в виде файла на StartURL в Scrapy - Python?
- 0Динамическая страница в угловом маршруте
- 1Как передать несколько аргументов из фрейма данных pandas в функцию и вернуть результат в фрейм данных в определенных местах в фрейме данных
- 0Обновлять переменную в каждом тике, используя setInterval () с AngularJS
- 1Ошибка Python Selenium: «WebDriverException: исполняемый файл 'login' должен быть в PATH».
- 0Запрос для получения студентов и оценки SQL
- 0Почему объединение таблиц не работает в symfony2?
- 0Как сгруппировать / разбить этот массив массив в php N
- 0Значение php_value auto_prepend_file кэшировано
- 0По умолчанию возвращать не прямоугольные объекты для всех маршрутов.
- 1Повторите задачу в течение срока с задержкой
- 1Javascript: отсутствует) после списка аргументов
- 0Угловой выбор помнить при перемещении по представлениям
- 0Как показать динамический контент на Ionic Custom POPUP
- 0как удалить кнопки «одна страница», «две страницы»… «шесть страниц» в printpreviewdialog?
- 1В фляге, как я могу изменить HTML с кодом в Python?
- 1KnockoutJS - настройка меню выбора на основе выбора в другом меню
