Assign the value of table header to corresponding columns using jquery

Question

Is it possible to assign the value/text of header column to its corresponding data column records using jQuery/JavaScript?

Like id columns should have id header value,and English columns should have English header value etc.

Your question is not clear. How to know that which column is for which kind of data ? You have already shown column header. — Himanshu Upadhyay
– Himanshu Upadhyay, Commented Sep 18, 2017 at 12:23
I just want to keep the header value along with column,e.g: in english column i want to show Test English and so on — Khirad Zahra
– Khirad Zahra, Commented Sep 18, 2017 at 12:25
id columns would have 1_id,2_id,3_id and so on. All i want to attach/append the text of header to columns. — Khirad Zahra
– Khirad Zahra, Commented Sep 18, 2017 at 12:27

Himanshu Upadhyay · Accepted Answer · 2017-09-18 12:59:08Z

1

this is your solution:

       $(document).ready(function(){
            $('tr').find('td').each(function(i){
                var ind = $(this).index();
                var text = $(this).text();
                var header_text = $('thead > tr').find('th:eq('+ind+')').text();
                $(this).text(header_text+': '+text);
            });
        });

answered Sep 18, 2017 at 12:59

Himanshu Upadhyay

6,5571 gold badge23 silver badges34 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Himanshu Upadhyay Over a year ago

Hi @Khirad Banu, if you got your required solution with this answer, then can you please accept this answer?

Collectives™ on Stack Overflow

Assign the value of table header to corresponding columns using jquery

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related