I have a databound column on a webdatagrid ver(12.1)

I have set

 <EditorProviders>
                            <ig:DropDownProvider ID="ddp1">
                                <EditorControl ID="EditorControl1" runat="server" DisplayMode="DropDownList" TextField="Value"
                                    ValueField="Key" EnableAutoFiltering="Off" EnableCustomValues="False">
                                    <DropDownItemBinding TextField="Value" ValueField="Key"></DropDownItemBinding>
                                </EditorControl>
                            </ig:DropDownProvider>
                        </EditorProviders>

<ig:EditingColumnSetting ColumnKey="WaitListStatus" EditorID="ddp1" />

where the drop down as a "Value" of sometext and the "key" is some number.

When the data is bound to the grid, it is displaying the "key" or the number that is stored in the database.

I need for the grid to show the "value" instead.

How can I do this?