Get Column Name(Header) of Datatable - javascript

I'm using DataTable which is populated by Text data(in first column)and checkboxes in remaining columns and a submit button which on click should show the selected checkboxes column name and the text from first column.
I got the solution to display the text , but not for the column name..
Can you please help me to show Column name as well as the row text of all selected checkboxes..
thank you

Related

How to get specific selection of checkbox from a popup datatable in Webix?

I have a popup data table in each row of a maintable with some checkboxes in it.
I am selecting/checking items randomly by clicking the checkbox buttons for each row and printing the values checked with the help of Print button.
I am observing that only the last selection of checkbox buttons are overwriting all the earlier selections.
How can I get the appropriate selection of checkbox buttons corresponding to each row?
Snippet: https://snippet.webix.com/11irkt7o
Thanks.

You code uses a single instance of popup table for each rows, so as result whey you are calling $$pt.eachRow you are itterating other the last active value, all previous values are lost.
The better solution will be to use click handler of close button, to get all checked rows and store that data in the master row
{view:"button", label:"Close", click:function(){
ids = collectCheckedRows($$('p_table'));
$$('mytable').updateItem(selectedRow, { checked : ids })
this.getTopParentView().hide()
}}
Now, to print all values you can use
$$('mytable').eachRow(function(id){
console.log(id, this.getItem(id).checked);
});

Jqgrid: hide cell based upon drop down in another cell

I am using inline editing in a jqgrid. In one of my cells I have a drop down list. When an item is selected in this list I would like to hide or show a different cell on the same row. Please note I don't want to hide the entire column just the cell in the same row only. Is this possible?

EXTJS propertyGrid key column checkbox

Is there any way to put a checkbox to any row first column in property.Grid like in the picture?

How to add a user editable text label for a row of text input fields

I am dynamically generating a grid of input fields from an input in a drop down menu. However i am not able to add a user editable text label for each row to represent what the row means. I am also trying to label each column of the grid 1...5. A fiddle of what i currently have. http://jsfiddle.net/p_kish/qspzz/1/
Any way i try messes the grid up.

Just add an additional column and row with the labels. Once the label is clicked (looks like you're using jQuery so just set a $("label").click(function(){...}) handler), simply replace that label with an input box that allows them to edit the label. On blur swap the input back to a label with the value from the input.

Select table value based on radio button

I'm new to jquery and need some help.
I would like jquery to select a value inside the Quantities table cell, depending on whether or not a radio button within the table row has been selected.
you can see a screenshot of the table here.
The table name is tblOfferings; the radio button name is rdbOfferings; the td Offerings name is offerQuant.
my attempt so far
Quantities = jQuery("td>span:contains('offerQuant')").closest("input[name='rdbOffering']:checked").find('offerQuant').val();
help?

quantity = $('input[name="rdbOffering"]:checked').parents('tr').find('td.offerQuant').text();
i hope that's what you mean
check this http://jsfiddle.net/bondythegreat/Ycm7L/

Categories