Formatting DOM contents for innerText

Viewed 33

I am trying to print data in excel from the innerText content, but \n\t is getting added when i sort a column value. As it can be seen in below code text. It happening because of style="display: inline-block; which shows sorting triangular arrow in UI header.

Because of this in I'm not able to correctly break header line with data line.

Registered in queue\tActivity**\n\t**End reason type\tClosing cause\tCaseworkers\tInternship data\tOrganisation\tOrientation\tRegistration date\tEnrollment date from\tEnrollment date tom\tPlace\tHeadperson\tName\tCell phone\tCountry of birth\tPerson id\tCustomer number

<table class="table table-hover table-bordered table-bordered-not-tbody lm_sticky">
                        <thead class="thead-light">
                            <tr data-bind="foreach: visibleColumns">
                                <th data-bind="click: $parent.sortByColumn,
                                                visible: checked ,
                                                sortBy: { source: $parent.activities,
                                                key: $parent.getSortKey(id)}, 
                                                class: cssClass" class="lc-fc-min-width-koGrid-column" style="position: relative; transform: translateY(0px);">
                                    <span data-bind="text: name">Registered in queue</span>
                                <span class="sort-caret" style="display: none; transform: rotate(180deg);"></span></th>
                            
                                <th data-bind="click: $parent.sortByColumn,
                                                visible: checked ,
                                                sortBy: { source: $parent.activities,
                                                key: $parent.getSortKey(id)}, 
                                                class: cssClass" class="lc-fc-min-width-koGrid-column" style="position: relative; transform: translateY(0px);">
                                    <span data-bind="text: name">Activity</span>
                                <span class="sort-caret" style="display: inline-block; transform: rotate(180deg);"></span></th></tr>

</table>
        

                
                        
0 Answers
Related