Questions tagged [html-table]

1

votes
2

answer
442

Views

Parse text from HTML form inside table cell with Cheerio

I have a HTML table that looks like this: Text1 I want to get the value of the hidden input type named id_num. (In this example the value I want is 'ABCD123'). I tried to parse the code with cheerio like this: var $ = cheerio.load(body); $('tr').each(function(i, tr){ var children = $(this).children(...
Ford1892
1

votes
4

answer
32

Views

How to highlight column in table angular 6

Im trying to highlight entire column in table on hover. Can someone help me how I can achieve this in angular2+ I need exactly like the below image reference image
D C
1

votes
0

answer
23

Views

How can I know how many inputs there are in each cell of a dynamic table?

I have created a dynamic javascript table, where a row is added everytime a button has been pressed, now I have a button which adds additional input fields to certain columns of the last row. ANYWAY I need to know how many inputs have been added in EACH row, to do some calculations with respective i...
Anastasia Ivanova
1

votes
2

answer
1.5k

Views

CSS: 1 or 2 table columns depending on landscape / portrait mode

My website is designed in landscape mode - one large headline and a table in the center of the layout with 2 columns that act as menu. However, if the site is displayed in portrait mode on a mobile phone, there is by far not enough space available for this layout, so using the flexi-background.js ro...
richey
1

votes
3

answer
9.9k

Views

Use Buttons In Table - PHP

I'm following through a tutorial from a book I have but want to add some extra columns to a table. I have added the columns, buy and sell, and in each of those I want to display a button. I am unsure of how to do this, is it possible? Here's my code from the page with the table:
MalvEarp
1

votes
1

answer
16

Views

Convert nested html-table to nested-dictionary in python?

I am writting an application convert the html-table string data receive from website (by calling RESR API) to dictionary format. The problem is that the format of HTML table string is nested HTML table format. After a while doing search on the internet i cannot find the solution for this case. Event...
hieu to van
0

votes
0

answer
13

Views

How to show table rows based on URL parameter

Currently the page is accessed using a link, for instance help.html?show=charInPw. The table is written in the following manner: ... Password Length Minimum lengthY YY Maximum lengthY YY Characters in Password Minimum numeric charactersY YY Minimum alphabetic charactersY YY ... The CSS is as fol...
user10931326
0

votes
0

answer
21

Views

Need to get the updated value of a cell

I'm doing a project and in one part of the code, I use an to save some values and then, I use the same table to fill another table in C# and send it to a WORD Document, the problem is that when the table appears in my Word there are only the original values of the table, and not the one that I upda...
TheREXZU
1

votes
3

answer
656

Views

Clipboard copy of table row

I want to copy the row of a table so that it will be easier for me to paste it into the spreadsheet. $('.copy-btn').click(function() { var pid = $(this).closest('.parent-row').attr('id'); pid.select(); document.execCommand('copy'); }); Copy Tester [email protected] 12121 1000 img 2018-07...
c.k
1

votes
1

answer
75

Views

Vue click event on multiple td elements exception on first and last

I want to use a click event in my table to go to the detailpage of the clicked row with the exception on the first and last td element. Example: *Input checkbox* {{ row.user.type }} {{ date | moment('MMMM') }} {{ row.customer.name }} {{ row.user.name }} {{ row.total }} *Icon to archive* What I can't...
EnzoTrompeneers
0

votes
0

answer
12

Views

I have a large table with many colspans and need the column widths to be equal

I cannot get the columns in this data table to be equal width. I'm attaching the HTML file. The goal is to get the GAW 325, GAW 331, GAW 333, GAW 334, GAW 337, and GAW 338 to be equal widths. The rest of the cells can resize as needed, there are no other requirements for them. All CSS needs to be i...
Allison Wong
1

votes
5

answer
17k

Views

Table border-bottom at rows

I try to put a border-bottom at the table-rows but they don't show up. Why is that? http://www.mysecretathens.gr/Sera/dates.html I think my code is pretty simple putting a class to ther tr element. table tr.line {border-bottom: 1px solid #B4B5B0;}
a.litis
1

votes
2

answer
2.5k

Views

Generate table rows using jQuery each function

How would I be able to generate s using the jQuery each() function? See my attempt below: HTML: JS: var tr_count = 10; var tr_var ='t'; $(tr_count).each(function(){ $(tr_var).appendTo('#table_tbody'); }) This returns one .
watkib
1

votes
5

answer
3.3k

Views

Sum table rows and columns

I have a table and I want to allow submitting the form if and only if the total of each row must be =100 not less nor more and the total of each column must be 0; if (hasError) { disableSave(); return; } var expectedTotal = $('.total').length * 100; console.log(expectedTotal, getCurrentTotal()); if...
Learner
1

votes
1

answer
73

Views

How to get javascript object property names? [duplicate]

This question already has an answer here: Getting the object's property name 11 answers I want to create a table whose header labels are known dynamically based on data object property names Here is my code example: ob = { ** name **: 'Joe', ** age **: '22', ** country **: 'UK' } table = document.c...
MrDevIll
1

votes
0

answer
41

Views

IE11 - InsertRow always appending rows as firstrow

We are migrating our project to IE11. Below code is working fine in IE8. But in IE11, it is inserting rows always as fist row not at the end. var table = document.getElementById(tableID); rowcount = table.rows.length; row = table.insertRow(rowCount);
Srinivasan
1

votes
2

answer
64

Views

how to fix the displayed table in php

I have a code that read from text files and allow the user to make a search then the system display the result in a table that contains the file name and the line number. what I need is to delete the columns that are empty. I will appreciate any help. screenshot: Where is the error in the table? Cod...
Ghgh Lhlh
1

votes
1

answer
35

Views

How to apply method datatable to table which is created on a fly

I'm creating table dynamically via button click event function createTable() { $.ajax ({ url: 'php/GetData.php', type: 'POST', data: {id:25}, success: function(msg){ var obj = JSON.parse(msg); var tableString = 'NameAgeBirthday'; for (var i=0; i
GGSoft
1

votes
0

answer
89

Views

Cross-browser box shadow on tbody elements

Is there a cross-browser way of adding a CSS box-shadow to multiple tbody elements in an HTML table? Directly adding tbody {box-shadow: ...} does not work in Internet Explorer and Safari. Pseudoelements act differently across browsers, too, when attached to tbody elements. A few notes: The table lay...
user9027325
1

votes
1

answer
28

Views

Incorporating a table inside a table in HTML

I am trying to create an HTML table where there are four columns and any number of rows. Inside this table, the first two columns are just normal cells. The latter two columns can have multiple rows WITHIN a row in the top-level table. My issue is how I can properly align the column separators, even...
James
1

votes
0

answer
32

Views

How do i create a article with tables?

im working on a html newsletter right now and since i can only use tables to make it as responsive as possible, i stumbled upon some problems. Im loading Articles from an RSS Feed and displaying it with (Image on Left, Title uper right and summary below.) It works perfectly fine with css but now wi...
Milos Pre
1

votes
1

answer
84

Views

Chrome: Borders missing on table when cell is hidden

I have a standard HTML table with some borders that appear in most browsers, like Firefox, but in Chrome when one of the cell is hidden, the borders disappear. The cells are being set to display: none, the borders are not on the tds but on both the tr and table elements. Regardless, Chrome treats it...
dukedevil294
1

votes
2

answer
313

Views

Scrollable content in a mixed of table and flexbox layout

Please see this jsfiddle. I would like to have the table's 1st column respect its 90% width and have the user scroll left/right through items 1 to 3. The with 'more' should always be displayed and not be part of the scroll. In other words, I want to make the table's cell scroll. How can I make th...
Jeff Matthews
1

votes
1

answer
211

Views

Populate a 2-D array with data from a table in VBA

I am trying to write data from a html table into a 2-D array, 'htmlArr', I have created in VBA. I can get it to populate the first row of data (with all the correct column entries going across) using 2 for loops however the code breaks down after this and will not move to the next j to write the dat...
Izzy888
1

votes
1

answer
91

Views

How to uniquely identify a table row?

In my app I import a JSON file and then display it in a table. The table has 3 columns. Two issues with this: The table also has sorting and CRUD operations, so using the array index for the row key is not best practice. Similar with above, I am trying to implement the functionality to edit a row, a...
John Smith
1

votes
2

answer
125

Views

Table to Excel exports as text for some reason?

I'm making a script that is supposed to export a html table to an xls file. I'm using Chrome when testing and it's no requirement that it's working on IE. The problem is that the file that gets downloaded when clicking the export button is a text file. Snippet from text file: MailTelefonnummerasdasd...
Svante
1

votes
0

answer
214

Views

Scrollable table in flex layout

I'm trying to create an HTML layout with header, footer and 3 content sections. It does work for simple sections; however for the code below, I get table2 spanning past footer: Header Col1Col2Col2 Val1Val2Val3 Col1Col2Col2 Val1Val2Val3 Val1Val2Val3 Val1Val2Val3 Val1Val2Val3 Val1Val2Val3 Val1Val2Val3...
Andrey Paramonov
1

votes
1

answer
89

Views

Table slightly breaks when zooming in and out of page

I am using tables to structure a HTML email. When I view the page at 90% zoom (on Chrome), my tables look fine. But when I zoom to 100% and beyond, my table shifts by a few pixels, and I don't know why. 90% Zoom: 100% Zoom (and beyond): I want each td to have max-height: 286px; max-width:332px; an...
Freddy
1

votes
2

answer
40

Views

Why wouldn't my code run? (Trying to add a row from another page)

I am trying to insert a row into a table from another page. Using Javascript. I don't want to use ajax or jQuery because it seems a bit too complicated. I am tackling this problem through: Get the id table element from the other page Insert the row when the button is clicked Save the changes I ex...
Khan Kamil
1

votes
0

answer
186

Views

Display [object Object] in html Angular

I have a problem to display data array in table. I have component.html Serial Number Sensor Serial {{item.serial_number}} {{item.sensors[0].sensor_serial}} component.ts > public hbps: HBPS[]; > > ngOnInit() { > this.ws.hbpsGetAll().subscribe( > hbps=> { >...
A. Bin
1

votes
1

answer
261

Views

How to use data-label to represent images in responsive table

I have a 2x4 table, which looks like this: https://codepen.io/steph2020/pen/EQjyxr body { font-family: 'Open Sans', sans-serif; line-height: 1.25; } table { border: 1px solid #ccc; border-collapse: collapse; margin: 0; padding: 0; width: 100%; table-layout: fixed; } table caption { font...
AZI
1

votes
1

answer
61

Views

Wrap text in td set blank space in next td HTML table

I have created one simple demo here in which I have shown the table with two td - one without text wrap, and one with wrap. But as you can see the first one shows perfectly fine, but the second shows space after first text and shown other td details after wrapped text how can I show it in one row? ....
3 rules
1

votes
0

answer
35

Views

Compare arrays with JS and print result in matrix table

I am trying to make a matrix table by combining values from array. First array holds information about user for specific day. Second array holds list of users, third array holds days in month. First I get data from api. var odgovor = JSON.parse(http.responseText); dataSetMoj = odgovor.urvPoDanuZaMje...
Mu Lem
1

votes
0

answer
96

Views

Jquery floatThead issue

I convert an Excel file into an html table, I don't have tags so I do it like that with floatThead plugin : $( document ).ready(function() { var table = $('#sheet0'); // select the table of interest var thead = $('').prependTo(table); // create table.find('tbody tr.row0').appendTo(thead); $('table...
Simon Delaunay
1

votes
0

answer
37

Views

How to set table cells width fixed and make table to avail full available space

I have table with tds that looks like the following As you can see there are four columns in a row with ids salesComparisonCell, salesOverTimeCell, conversionsOverTimeCell and prospectsTableContainer. Although prospectsTableContainer is a div but it is of display: table-cell. Now the problem is if...
Basit
1

votes
0

answer
39

Views

Showing specific table results - Javascript

I have a table which I populate with JSON data. Since there's more than 3000 records, I wanted to have a show more and show less button that don't mess up my search functions. Here is the code I use to populate my table $.getJSON('http://127.0.0.1:8000/steamcrawler.json', function (data1) { docume...
Daniel Johnson Maia
1

votes
1

answer
26

Views

Creating an inline table within a table

I am trying to display a piece of text inside a dynamically created table (the outer table). Inside the outer table are spans that are acting as spacers. I am trying to display a long string inline with the spans. However when the string wraps to the next line it starts at the beginning of the page....
Deric Plummer
1

votes
2

answer
1.1k

Views

Get selected value of select inside table row not working as expected

Hello folks of Stackoverflow, i want to implement a filter for some sort of table in javascript. my text-search does work as expected, but i have some issues with getting an 'select' element with js... Some Code of it: function doSomething(){ var table, tr, td, i; table = document.getElementById('...
treav0r
1

votes
1

answer
206

Views

Woocommerce Product Variations Pagination issue

I made a table for single product variations and I trying to do pagination. I'm using variable products with few custom attributes. So the issue is that pagination is not working and showing too many pages. For example, for one product I have 15 variations on the first page and total but pagination...
Kristis
1

votes
0

answer
215

Views

Wrap a very long word in html table while converting to PDF

I want to wrap a long word in the table and convert that HTML to PDF. The problem is PDF converter only breaks a word when it encounters a white space. Run the code snippet but the results are different when it gets converted to PDF. table { width: 90%; table-layout: fixed; } table td { word-b...
Krati

View additional questions