EL-Table ?? ?? ??? ?? ??? ??

UI? EL-Table ?? ??? ??? ???? ?? ?? ??? ??? ? ??? ????? ?? ? ????. ? ??? ?? ? ?? ?? ?????? ??? ???? ??? ?????.

????? ??

EL-Table? ?? ?? ???? ??? ???? ? ?? ??? ?? ?? ??? ???????.

1. ?? 1 : ?? ? ????? ?? ?? ?? ?? ? ????? ???? ?? ? ?? ????? ? ?? ?? ?? ? ?? ? ?? ?????.
2. ?? 2 : ??? ????? ???? ?? ?? ?? ???? ?? ?? ?? ?? ?????.

?? ??

??? ?? ??? ????? CSS? JavaScript? ???????.

1. ?? 1 : ?? ? ?? ?? ? ?????

row-class-name ??? ???? CSS ??? ???? ??????.

<el-table :row-class-name="getRowClassName"></el-table>

 ?? : {
  getRowclassName ({row, rowIndex}) {
    // ?? ?? ?? ???? ??? ????? ??? ?? ??? ?? ?? ?????. row.ismerged? '?? ??': ''; // ISMERGED ??? ?? ? ?? ???? ? ?????}
}

 .el-table .merged-row : ?? {
  ??? : #f0f0f0; /* ?? ?? ?? ??? ??*/
}

.el-table .merged-row : ?? TD : ??? ?? { /* ??? ? ??? ? ?? ??* /
  ??? : #f0f0f0;
}

2. ?? 2 : ???? ??? ??????

?? ???? ?? CSS ??? ??? ???? ????? JavaScript? ???????.

<el-table ref="tableRef"></el-table>

 ??? () {
  ?? {
    ?? ? : []
  };
},
?? : {
  handlerowenter (?) {
    if (row.ismerged) {
      this.highlightedrows = this.getallmergedrows (?); // ?? ?? ? ?? ?? ??} else {
      this.highlightedrows = [?];
    }
    this.updaterowClasses ();
  },
  handlerowleave () {
    this.highlightedrows = [];
    this.updaterowClasses ();
  },
  getAllmergedrows (?) {
    // ?? ??? ??? ?? ??? ?? ?? ??? ?? ? ???? ????. //? ??? ??? ?? ??? ?? ??????? [ROW]; // ? : ?? ?? ?? ??},
  updaterowclasses () {
    this. $ refs.tableRef. $ el.QuerySelectorall ( '. el-table__row'). foreach ((rowel, index) => {
      if (this.highlightedrows.includes (this.tabledata [index]) {
        rowel.classlist.add ( '????? -all');
      } ? ?? {
        rowel.classlist.remove ( '?????-??');
      }
    });
  }
}

 .el-table .highlight-all {
  ??? : #f0f0f0; /* ??? ????? ???*/
}

?? ????, isMerged ??? ?? ? ?? ???? ? ???? getAllMergedRows ??? ??? ?? ?? ??? ?? ? ???? ???? ?? ?? ??? ??? ?? ???????. ??? ??? ?? EL-Table ??? ?? ??? ???? ??? ?? ? ? ????. ?? ??? ??? ?? ??? ???????.

? ??? el-table?? ?? ?? ?? ??? ??? ???? ??? ??????? ?? ?????. ??? ??? PHP ??? ????? ?? ?? ??? ?????!