CustomEditTag not work in grid(add/edit)

I setup a field as a colorpicker in custom edit tag (in a detail table) but it not work in grid mode.
I thin it related to field selector ([id=‘{{{id}}}’]:not([id*=‘$rowindex$’])) because in grid mode filed named as x1_color, x2_color,… not in x_color

Please post your code/customization for more discussion.

 <td data-name="unit" >
<span id="el1_quote_item_unit" class="form-group">
<input type="text" data-table="quote_item" data-field="x_unit" name="x1_unit" id="x1_unit" size="1" maxlength="255" value="" class="form-control">
<div class="invalid-feedback">error desc</div>
<script>
loadjs.ready("head", function() {
    jQuery("[id='x_unit']:not([id*='$rowindex$'])").colorpicker({ format: "hex" });
});
</script>
</span>
<input type="hidden" data-table="quote_item" data-field="x_unit" data-hidden="1" name="o1_unit" id="o1_unit" value="">
</td>