Zum Inhalt springen
View in the app

A better way to browse. Learn more.

Fachinformatiker.de

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

Empfohlene Antworten

Veröffentlicht

Hallo ihr Lieben,

ich habe ein Problem, an dem ich seit 2 Wochen herumexperimentiere.
Ich finde einfach keine Lösung und hoffe ihr könnt mir helfen.
Ich habe dazu ein kleines Testprojekt erstellt.

Ich vergrößere durch einen Slider den Text im Header eines DataGrid's. -> Die Spalten werden breiter!
Ich verkleinere durch einen Slider den Text im Header wieder -> Die Spalten behalten ihre breite!

Ich suche eine Möglichkeit, mit der sich die Spalten des DataGrid's wieder entsprechend verkleinern.

Initial zeigt die Tabelle nach starten des Testprogramms, dann vergrößere ich den Headertext, und dann mache ich ihn wieder kleiner.

Initial.thumb.png.9df66f925303ae81dcd5ad20c584d611.png

Mit dem Programm Snoop habe ich herausgefunden, dass die einzelnen DataGridColumnHeader die richtige Größe haben, was man auch an dem rot umrahmten Headertext links oben sehen kann.

Snoop1.thumb.png.596bad207ae1bb2bb5feefbaeeecdac9.png

Der Gelbe Bereich der nach dem Verkleinern erscheint, ist wie in Snoop zu sehen ist, ein Grid welches im DataGridColumnsPresenter liegt.

Snoop2.thumb.png.d03d93dd5ff75c79b477176ed2d41642.png

Ich habe folgenden Code:

<Style
	x:Key="ColumnHeaderStyleT11"
	BasedOn="{StaticResource {x:Type DataGridColumnHeader}}"
	TargetType="{x:Type DataGridColumnHeader}">
	<Setter Property="Background" Value="Pink" />
	<Setter Property="FontSize" Value="{Binding ElementName=Text1, Path=Value, UpdateSourceTrigger=PropertyChanged}" />
	<Setter Property="HorizontalAlignment" Value="Left" />
	<Setter Property="HorizontalContentAlignment" Value="Left" />
</Style>

...

<TextBox
	Grid.Row="0"
	Grid.Column="2"
	Grid.ColumnSpan="2"
	Text="{Binding ElementName=Text1, Path=Value, UpdateSourceTrigger=PropertyChanged}" />
<Slider
	Name="Text1"
	Grid.Row="0"
	Grid.Column="6"
	Grid.ColumnSpan="2"
	VerticalAlignment="Center"
	IsSnapToTickEnabled="True"
	Maximum="30"
	Minimum="17"
	TickFrequency="1"
	Value="{Binding Minimum, RelativeSource={RelativeSource Self}, Mode=OneTime}" />

<DataGrid
	x:Name="PART_MyDataGrid1"
	Grid.Row="1"
	Grid.RowSpan="11"
	Grid.Column="0"
	Grid.ColumnSpan="12"
	AutoGenerateColumns="True"
	CanUserReorderColumns="True"
	CanUserResizeColumns="True"
	CanUserResizeRows="True"
	CanUserSortColumns="True"
	ColumnHeaderStyle="{DynamicResource ColumnHeaderStyleT11}"
	ColumnWidth="SizeToHeader"
	ItemsSource="{Binding MyList}">
</DataGrid>

Ich hoffe sehr, dass ihr mir weiterhelfen könnt.
Ich habe auch schon versucht im Code über ein SizeChanged Event die Breiten der einzelnen Headerelemente und auch aller einzelnen Cell Elemente der Rows direkt zu setzen aber bin auch da gescheidert und es erschien mir als totaler Unsinn.

Liebe Grüße
Anna

Erstelle ein Konto oder melde dich an, um einen Kommentar zu schreiben.

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.