You can set the Visibility property on the Surname field to Collapsed.  The space occupied by that field will most likely still exist, however, because you are manually positioning these headers with the Row/Column properties.  You'll have to update the other fields Row/Column properties in order to make that space go away.

Is there an easy way to hide a row of headers? For example, say I want to display the Name and Surname (in the original example) but I don't want to see the surname field on the header panel.

Hi - thanks for the reply. I came up with almost identical solution also.

Hi BM,

I don't think binding will work because if you update the Column/Row property on a field it needs to be followed by a call to EnsureUniqueFieldPositions or else it won't actually move.  There is also the fact that Fields are not part of the visual tree so an ElementName binding won't work.  You'd have to use a {RelativeSource Self} binding and then use a path like this: "Owner.DataPresenter.FieldLayouts[0].Fields[0].ActualPosition.Column".

I modified your sample to handle the situation where you drag a column header to the right a number of spaces.  I basically just iterate over the columns that overlap and shift them to the left until no more columns overlap.  This isn't needed when dragging columns to the left since the EnsureUniqueFieldPositions method will handle any overlap in that scenario.

Let me know if you have any questions.