wpf小技巧——datagrid 滚动条问题

蔚落 2024-03-27 15:10 16阅读 0赞

很简单的布局代码如下

复制代码  
  
  
<Grid.ColumnDefinitions>  
  
  
</Grid.ColumnDefinitions>  
<Grid.RowDefinitions>  
  
  
</Grid.RowDefinitions>

后台代码如下

复制代码  
using System;  
using System.Collections.Generic;  
using System.Linq;  
using System.Text;  
using System.Windows;  
using System.Windows.Controls;  
using System.Windows.Data;  
using System.Windows.Documents;  
using System.Windows.Input;  
using System.Windows.Media;  
using System.Windows.Media.Imaging;  
using System.Windows.Navigation;  
using System.Windows.Shapes;  
using System.ComponentModel;  
using System.Collections.ObjectModel;  
namespace DataGrid\_AutoSize  
\{  
///  
/// MainWindow.xaml 的交互逻辑  
///  
public partial class MainWindow : Window  
\{  
public MainWindow()  
\{  
InitializeComponent();  
Init();  
\}  
private void Init()  
\{

ObservableCollection<Test> mytestdata = new ObservableCollection<Test>();
            for(int i=0;i<200;i++)
            {
                mytestdata.Add(new Test(){id=i.ToString(), text="name"+i.ToString()});
            }
            SrollBarDataGrid.ItemsSource = mytestdata;
            NoSrollBarDataGrid.ItemsSource = mytestdata;
        }
    }
    class Test 
    {
        public string id { get; set; }
        public string text { get; set; }
    }

\}  
复制代码  
运行就可以看到右边的 datagrid不会出现滚动条了  
![在这里插入图片描述][c71f2a3caeed4d83bd967f2014b89787.png]

原因也比较简单 就是因为右边的布局用了StackPanel

查了下微软文档http://msdn.microsoft.com/zh-cn/library/ms754213

可以看出StackPanel实际上是在水平或者垂直方向正无穷大

导致datagrid认为它的父容器在垂直方向无穷大 所以就没法出现滚动条了

相信很多人都会出现这类情况 在datagrid外面套stackpanel布局吧

所以如果想出现滚动条 就千万别在datagrid外面套stackpanel布局 切记切记~~~~~

[c71f2a3caeed4d83bd967f2014b89787.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/27/f68e3b5f3e364d98ba5e19b9fbd47f08.png