I would like to sort the changeability view by role, to make finding one easier (in PSA under a quote line)

I have found that it is created via a web resource code below, but I'm not sure how I can sort it, any help is appreciated.

<html><head></head><body style='word-wrap: break-word;'>


    <title></title>
    <script src='../../../ClientGlobalContext.js.aspx' type='text/javascript'></script>
    <script data-main='ChargeabilityView' src='../../Libraries/require/require.js' type='text/javascript'></script>
    <script src='../../Common/Utils/LoadCoreCSS.js' type='text/javascript' id='coreCssScript' data-optionalcssjson='[{&quot;css&quot;:&quot;/_forms/styles/read.css.aspx&quot;,&quot;localize&quot;: true,&quot;theme&quot;:false},{&quot;css&quot;:&quot;/_common/styles/configurabletheme.aspx&quot;,&quot;localize&quot;: false,&quot;theme&quot;:false}]'></script>
    <link rel='stylesheet' href='../../Controls/Wijmo/Styles/wijmo.css' type='text/css'>
    <link rel='stylesheet' href='../Style/ContractBilling.css' type='text/css'>



    <div id='menuItemContainer' class='crmMenuItemContainer msdyn_localizable'>
        <ul class='ms-crm-CommandBar-Menu'>
            <li tabindex='-1' title='@:chargeabilityView_SaveButtonHelp' class='ms-crm-CommandBarItem ms-crm-CommandBar-Menu ms-crm-CommandBar-Button' id='saveMenuItem'>
                <span tabindex='-1' class='ms-crm-CommandBar-Button ms-crm-Menu-Label' style='max-width: 200px;'>
                    <a tabindex='0' class='ms-crm-Menu-Label' onclick='return false' data-bind='click: save'>
                        <img tabindex='-1' class='ms-crm-commandbar-image16by16' style='vertical-align: top;' src='/_imgs/ribbon/save_16.png'>
                        <span tabindex='-1' class='ms-crm-CommandBar-Menu' style='max-width: 150px;'> @:menuItemSave </span>
                    </a>
                </span>
            </li>
            <li tabindex='-1' title='@:chargeabilityView_SaveCloseButtonHelp' class='ms-crm-CommandBarItem ms-crm-CommandBar-Menu ms-crm-CommandBar-Button' id='saveAndCloseMenuItem'>
                <span tabindex='-1' class='ms-crm-CommandBar-Button ms-crm-Menu-Label' style='max-width: 200px;'>
                    <a tabindex='0' class='ms-crm-Menu-Label' onclick='return false' data-bind='click: saveAndClose'>
                        <img tabindex='-1' class='ms-crm-commandbar-image16by16' style='vertical-align: top;' src='/_imgs/ribbon/saveandclose_16.png'>
                        <span tabindex='-1' class='ms-crm-CommandBar-Menu' style='max-width: 150px;'> @:menuItemSaveAndClose </span>
                    </a>
                </span>
            </li>
            <li tabindex='-1' title='@:close' class='ms-crm-CommandBarItem ms-crm-CommandBar-Menu ms-crm-CommandBar-Button' id='closeWithoutSaving'>
                <span tabindex='-1' class='ms-crm-CommandBar-Button ms-crm-Menu-Label'>
                    <a tabindex='0' class='ms-crm-Menu-Label' onclick='return false' data-bind='click: close'>
                        <img alt='@:close' title='@:close' src='/_imgs/cancel_16.png' class='ms-crm-commandbar-image16by16' style='vertical-align: top;'>
                        <span tabindex='-1' class='ms-crm-CommandBar-Menu'> @:close </span>
                    </a>
                </span>
            </li>
            <li tabindex='-1' title='@:chargeabilityView_CustomPriceListBtnHelp' class='ms-crm-CommandBarItem ms-crm-CommandBar-Menu ms-crm-CommandBar-Button' id='createCustomPriceList' data-bind='visible: canCreateCustomPriceList'>
                <span tabindex='-1' class='ms-crm-CommandBar-Button ms-crm-Menu-Label'>
                    <a tabindex='0' class='ms-crm-Menu-Label' onclick='return false' data-bind='click: createCustomPriceList'>
                        <img tabindex='-1' class='ms-crm-commandbar-image16by16' style='vertical-align: top;' src='/_imgs/grid/editrule_16.png'>
                        <span tabindex='-1' class='ms-crm-CommandBar-Menu'> @:chargeabilityView_createCustomPriceList </span>
                    </a>
                </span>
            </li>
        </ul>
    </div>
    <div id='tdAreas' class='ms-crm-Form-AreaContainer ms-crm-Form-Background ms-crm-IE7-Height-Fix-Dummy-Container-ReadForm refresh-form'>
        <div id='mainContainer' class='ms-crm-readForm-Container ms-crm-Form-Container'>
            <div id='areaForm' class='ms-crm-Form-Area ms-crm-Form-Area-position'>
                <div id='formBodyContainer' class='ms-crm-formbodycontainer ms-crm-noripane'>
                    <div id='formTabContainer' class='ms-crm-InlineTabContainer-Read' style='margin-top: 0'>
                        <div id='tab0' class='ms-crm-InlineTab-Read'>
                            <div id='tab0_content' class='NNN ms-crm-InlineTabBody-Read' style='display: inline-block;'>
                                <div id='tab0_content_leftColumn' class='ms-crm-tabcolumn0' style='width:34%'>
                                    <div class='ms-crm-FormSection-Container'>
                                        <table class='ms-crm-FormSection'>
                                            <colgroup>
                                                <col width='115'>
                                                <col>
                                            </colgroup>
                                            <tbody>
                                                <tr height='24'>
                                                    <td class='ms-crm-ReadField-Normal ms-crm-FieldLabel-LeftAlign'>
                                                        <span class='class=' ms-crm-inlineeditlabel'=''>
                                                            <span class='ms-crm-InlineEditLabelText msdyn_localizable' style='max-width:115px;text-align:Left;'>
                                                                @:priceList
                                                            </span>
                                                        </span>
                                                    </td>
                                                    <td class='ms-crm-Field-Data-Print'>
                                                        <div id='priceListCombo' class='ms-crm-psa-lookupfield'></div>
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td class='ms-crm-ReadField-Normal ms-crm-FieldLabel-LeftAlign'>
                                                        <span class='class=' ms-crm-inlineeditlabel'=''>
                                                            <span class='ms-crm-InlineEditLabelText msdyn_localizable' style='max-width:115px;text-align:Left;'>
                                                                @:resourceOrganizationalUnit
                                                            </span>
                                                        </span>
                                                    </td>
                                                    <td class='ms-crm-Field-Data-Print'>
                                                        <div id='resourcingUnitCombo' class='ms-crm-psa-lookupfield'></div>
                                                    </td>
                                                </tr>
                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div id='tab1' class='ms-crm-InlineTab-Read' data-bind='visible: isRolePricingVisible'>
                            <div class='ms-crm-InlineTabHeader ms-crm-InlineTabBorder msdyn_localizable' id='tab1_Header'>
                                <div class='ms-crm-InlineTabHeaderText' style='display:inline-block'>
                                    <a class='ms-crm-InlineTabHeaderText'>
                                        <h2 class='ms-crm-Form' id='tab1header_h2'>
                                            @:chargeabilityView_SelectChargeableRoles
                                        </h2>
                                    </a>
                                </div>
                            </div>
                            <div id='tab1_Content' class='ms-crm-FormSection-Container' style='padding-top:25px;padding-bottom:50px'>
                                <div id='chargeableRolesGrid' style='max-height: 200px;'></div>
                            </div>
                        </div>
                        <div id='tab2' class='ms-crm-InlineTab-Read' data-bind='visible: isExpensePricingVisible'>
                            <div class='ms-crm-InlineTabHeader ms-crm-InlineTabBorder msdyn_localizable' id='tab2_Header'>
                                <div class='ms-crm-InlineTabHeaderText' style='display:inline-block'>
                                    <a class='ms-crm-InlineTabHeaderText'>
                                        <h2 class='ms-crm-Form' id='tab2header_h2'>
                                            @:chargeabilityView_SelectChargeableExpenses
                                        </h2>
                                    </a>
                                </div>
                            </div>
                            <div id='tab1_Content' class='ms-crm-FormSection-Container' style='padding-top:25px;padding-bottom:50px'>
                                <div id='chargeableCategoriesGrid' style='max-height:200px;'></div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

</body></html>