Unwrap the child table heading in main doctype

Hi Community !!

Is it possible to make the child table long heading to be visible fully?

I use this script but not working.

frappe.ui.form.on('Project Risk Register', {
    onload: function(frm) {
        frm.fields_dict['project_risk'].grid.$wrapper.find('.grid-heading').css('white-space', 'normal');
    }
});

Is it Possible or not???

Please !!
Anyone tell me, Is it possible or not?

Change columns Width

See the image, I attached above. I already have 8 columns it sum of 10. But, I want the padding of column heading (or) rowspan should be 2. Then, the text in the heading will visible fully. Its like MS excel wrap, unwrap. Particulary, I want the long text should be visible fully.