Display a colunm and sort with another about react-pivottable HOT 4 CLOSED

You should be able to use the sorters prop to specify the order you want to use for the Tamanho attribute. You can see this in action in the demo here: https://github.com/plotly/react-pivottable/blob/master/examples/App.jsx#L44

from react-pivottable.

Yes, I saw this function but I tried with the following code
My Tips is this
["ordemProducao", "tamanho", "cor", "quantidade", "ordenacaoTamanho"], [225185,"G","000001",30,95], [225185,"M","000001",20,90], [225185,"GG","000001",40,100], [225185,"P","000001",60,85], [225185,"XG","000001",50,411]

My State is
this.setState({ mode: "demo", filename: "Sample Dataset: Tips", pivotState: { data: tips, rows: ["cor"], cols: ["tamanho"], aggregatorName: "Integer Sum", vals: ["quantidade"], rendererName: "table", sorters: { "Size": sortAs(tips.slice(1).map(tip => tip[4]).sort((a, b) => a > b))}, plotlyOptions: {width: 900, height: 500} } });
I didn't get the expected behavor (behavor that I expected).

I forked and did some change, passing an object to columns attribute.

from react-pivottable.

In this case, you'll want ...sorters: { "tamanho": sortAs(["P", "M", "G", "GG"]) }...

Basically you're adding a custom sorting rule for the "tamanho" column ("Size" doesn't make sense here, it doesn't refer to anything) and that rule is to sort it in this exact order: P M G GG.

from react-pivottable.

ok, I get it. thanks.

from react-pivottable.