Add columnOrder as a property instead of state only

[Bublade]

I'm submitting a ... (check one with "x")

[ ] bug report
[X] feature request
[ ] support request => Please do not submit support request here, instead see https://forum.primefaces.org/viewforum.php?f=57

In relation to issue #774 after toggling a column back on it will be added to the back of all the other columns. Which is not what my boss wants (he wants it back at the position where it stood). Can you make columnOrder a property also? So that if the property is set the one from the props will be used instead of the state one?

[mertsincan]

You need to do this yourself. Please see; https://codesandbox.io/s/v6royn3440?fontsize=14

class App extends Component {
  constructor(props) {
    super(props);

    let columns = [
      { field: "vin", header: "Vin" },
      { field: "year", header: "Year" },
      { field: "brand", header: "Brand" }
    ];

    this.defaultColOrder = [...columns, { field: "color", header: "Color" }];

    ...
    this.onColumnToggle = this.onColumnToggle.bind(this);
  }

  onColumnToggle(event) {
    let _cols = this.defaultColOrder.filter((colData, index) => {
      return (
        event.value.filter((eventData, index) => {
          return colData.field === eventData.field;
        }).length > 0
      );
    });
    this.setState({ cols: _cols });
  }
...