python (12.9k questions)

javascript (9.2k questions)

reactjs (4.7k questions)

java (4.2k questions)

java (4.2k questions)

c# (3.5k questions)

c# (3.5k questions)

html (3.3k questions)

Questions - html-table

How to get adjacent col value in a div-table using js?

I have an html table, which is structured like this: <body> <div class="block div-table" id="sidebar-record-block"> <div class="div-table-row"> <di...
test-img

onit

javascript

html

html-table

Votes: 0

Answers: 1

Latest Answer

var checkedRowIndexes = []; var selectedColors = []; var checkedRows = document.querySelectorAll("input[type='checkbox']"); for (var i = 0; i < checkedRows.length; i++) { if (checkedRows[i]....
test-img

traynor

Does using regular div tags instead of table and related tags affect accessibility?

I have a table which should show a typical table layout on larger screens and should become a column view on smaller screens. For example. Desktop | Name | age | | Bob | 48 | | Jane | 50 | Mobi...
test-img

Muljayan

html

css

html-table

accessibility

Votes: 0

Answers: 2

Latest Answer

Yes, using divs to mark up tabular information will cause accessibility issues. Assistive technologies can easily parse tables and provide users easy and consistent ways for navigating that informatio...
test-img

Sean

How to create a HTML table from an array?

I would like to create a table with the information from an array. I have created a table, however I am unable to pass the array into the table. I would like it to create a table automatically from t...
test-img

TheNoob

javascript

arrays

html-table

Votes: 0

Answers: 2

Latest Answer

You can iterate through data array and append each object to a row: const data = [{"ContactName": "45551134", "ContactNumber": "95011225"}]; const table = document.querySelector("#contactinformat...
test-img

AlexSp3

Image failed to align vertically inside td

Please run the very simple snippet below. You can see that spaces on top doesn't equal to spaces on bottom. How to fix it? <!DOCTYPE html> <html> <body> <table> <...
test-img

timepp

html

css

image

html-table

vertical-alignment

Votes: 0

Answers: 2

Latest Answer

Try assign it to its parent element will work. A little off-topic suggestion, maybe not use too many inline style, they are too messy. td{ display: flex; justify-content: center; align-items: cent...
test-img

James

Posts

Questions

Blogs

Jobs