How to add custom field into the middle of an existing Modern UI grid?

I need to add a custom field to the Applications tab on AP302000 - Cheques and Payments. I’ve followed the instruction elsewhere to append my field as the last column of the grid, but I need to put it somewhere that users will see it :-)

So I have a TypeScript file containing 

export interface APPost_MyProject_generated extends APPost {}

export class APPost_MyProject_generated {

  APAdjust2__UsrPartPaymentAmt: PXFieldState;

  APAdjust2__UsrPartPaymentPct: PXFieldState;

}

And HTML

<template>

<field id="APAUsrPPPct" name="APAdjust2__UsrPartPaymentPct" after="#gridApplicationHistory"></field>

<field id="APAUsrPPAmt" name="APAdjust2__UsrPartPaymentAmt" after="#APAUsrPPPct"></field>

</template>

And while that works, it means that the field is the final column in the table.

(I found that having added the first field after=’#gridApplicationHistory’, I can’t add any others to that id, so all my fields have id value that are referenced by the next.)

But. I need something like <field id="APAUsrPPPct" name="APAdjust2__UsrPartPaymentPct" after="#gridApplicationHistory [name=’AccountID’]">