Table selection and copying in ext3

There are many solutions on the Internet for selecting and copying tables in ext3, which are similar and can be basically solved.
However, I recently discovered that the solution provided on the Internet does not work in high-version chrome, So I studied it and came to the following conclusion (note the highlighted part in the style ).

(1) define a style

.x-selectable, .x-selectable * { user-select: text! important;-o-user-select: text! important;-moz-user-select: text! important;-khtml-user-select: text! important;-webkit-user-select: text! important;}

(2) apply a single table

grid=new Ext.grid.GridPanel({          viewConfig: {           templates: {           cell: new Ext.Template(           '<td class="x-grid3-col x-grid3-cell x-grid3-td-{id}   x-selectable {css}" style="{style}"   tabIndex="0" {cellAttr}>',          '<div class="x-grid3-cell-inner x-grid3-col-{id}"  {attr}>{value}</div>',         '</td>'          )       }       },    ....})

(3) set the default table attributes

if  (!Ext.grid.GridView.prototype.templates) {        Ext.grid.GridView.prototype.templates = {};    }    Ext.grid.GridView.prototype.templates.cell =  new  Ext.Template(         '<td class="x-grid3-col x-grid3-cell x-grid3-td-{id} x-selectable {css}" style="{style}" tabIndex="0" {cellAttr}>' ,         '<div class="x-grid3-cell-inner x-grid3-col-{id}" {attr}>{value}</div>' ,         '</td>'    );