{"id":2251,"date":"2024-10-17T13:14:31","date_gmt":"2024-10-17T13:14:31","guid":{"rendered":"http:\/\/localhost:10003\/?p=2251"},"modified":"2025-08-04T13:55:31","modified_gmt":"2025-08-04T13:55:31","slug":"utiliser-itemproperties-et-colonnes-pour-personnaliser-votre-grille-de-donnees","status":"publish","type":"post","link":"https:\/\/xceed.com\/fr\/blog\/tutorials\/using-itemproperties-and-columns-to-customize-your-datagrid\/","title":{"rendered":"Utiliser les ItemProperties et les Columns pour personnaliser votre DataGrid"},"content":{"rendered":"<p>En savoir plus sur&nbsp;<a href=\"http:\/\/xceed.com\/en\/our-products\/product\/datagrid-for-wpf\" target=\"_blank\" rel=\"noreferrer noopener\">Xceed DataGrid pour WPF<\/a><\/p>\n\n\n\n<p>Dans l'article pr\u00e9c\u00e9dent, nous avons abord\u00e9 les bases de l'ajout de Xceed DataGrid for WPF \u00e0 un nouveau projet d'application WPF. Nous avions termin\u00e9 par une note sur la fa\u00e7on dont les deux&nbsp;<em>Propri\u00e9t\u00e9s de l'\u00e9l\u00e9ment AutoCreateItem<\/em>&nbsp;propri\u00e9t\u00e9 sur&nbsp;<em>DataGridCollectionViewSource<\/em>et le&nbsp;<em>Cr\u00e9ation automatique de colonnes<\/em>&nbsp;propri\u00e9t\u00e9 sur&nbsp;<em>Contr\u00f4le DataGrid<\/em>sont vraies par d\u00e9faut.<\/p>\n\n\n\n<p>Cette fois-ci, nous allons examiner ces propri\u00e9t\u00e9s plus en d\u00e9tail, afin d'en savoir plus sur ce que la fonction&nbsp;<em>Propri\u00e9t\u00e9s de l'\u00e9l\u00e9ment AutoCreateItem<\/em>&nbsp;et&nbsp;<em>Cr\u00e9ation automatique de colonnes<\/em>&nbsp;et comment nous pouvons les utiliser pour personnaliser le syst\u00e8me de gestion de l'information de l'entreprise.&nbsp;<em>Propri\u00e9t\u00e9s de l'article<\/em>&nbsp;et&nbsp;<em>Colonnes<\/em>&nbsp;au lieu de laisser la grille de donn\u00e9es tout charger automatiquement.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Introduction<\/h2>\n\n\n\n<p>Il y a essentiellement deux \"couches\" : d'abord la vue de collection avec ses propri\u00e9t\u00e9s d'\u00e9l\u00e9ment, qui repr\u00e9sente les champs de la source de donn\u00e9es ; puis les colonnes de la grille de donn\u00e9es, qui repr\u00e9sentent les champs devant \u00eatre pr\u00e9sents dans la grille. Aux deux niveaux, il est possible de laisser Xceed DataGrid for WPF d\u00e9tecter automatiquement tous les champs et les inclure, ou de choisir de les sp\u00e9cifier explicitement.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">DataGridCollectionView \/ AutoCreateItemProperties<\/h2>\n\n\n\n<p>Le&nbsp;<em>DataGridCollectionView<\/em>&nbsp;est utilis\u00e9e pour envelopper toute collection qui impl\u00e9mente la m\u00e9thode&nbsp;<em>IEnumerable<\/em>&nbsp;\u00e0 regrouper, \u00e0 trier ou \u00e0 filtrer.<\/p>\n\n\n\n<p>Quand&nbsp;<em>Propri\u00e9t\u00e9s de l'\u00e9l\u00e9ment AutoCreateItem<\/em>&nbsp;est fix\u00e9 \u00e0&nbsp;<strong>vrai<\/strong>&nbsp;(valeur par d\u00e9faut), une propri\u00e9t\u00e9 d'\u00e9l\u00e9ment sera automatiquement cr\u00e9\u00e9e dans la vue de collection pour chaque champ trouv\u00e9 dans la table (ou autre) utilis\u00e9e comme source de la vue de collection.<\/p>\n\n\n\n<p>Par exemple :<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code data-no-translation=\"\">&lt;xcdg:DataGridCollectionViewSource x:Key=\"cvs_products\"\n\tSource=\"{Binding Source={x:Static Application.Current}, Path=Products}\"&gt;\n\n&lt;\/xcdg:DataGridCollectionViewSource&gt;\n<\/code><\/pre>\n\n\n\n<p>Cependant, il se peut que la source contienne des centaines de colonnes et que nous n'ayons besoin que de quelques unes d'entre elles. Dans ce cas, nous devrons d\u00e9finir&nbsp;<em>Propri\u00e9t\u00e9 AutoCreateItem<\/em>&nbsp;\u00e0&nbsp;<strong>faux<\/strong>&nbsp;et sp\u00e9cifier les colonnes \u00e0 inclure.<\/p>\n\n\n\n<p>Par exemple :<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code data-no-translation=\"\">&lt;xcdg:DataGridCollectionViewSource x:Key=\"cvs_products\"\n\tSource=\"{Binding Source={x:Static Application.Current}, Path=Products}\"\n\tAutoCreateItemProperties=\"False\"&gt;\n\n\t&lt;xcdg:DataGridCollectionViewSource.ItemProperties&gt;\n\t\t&lt;xcdg:DataGridUnboundItemProperty Name=\"ProductID\" Title=\"ID\" \/&gt;\n\t\t&lt;xcdg:DataGridUnboundItemProperty Name=\"ProductName\" Title=\"Name\" \/&gt;\n\t\t&lt;xcdg:DataGridUnboundItemProperty Name=\"ProductPrice\" Title=\"Price\" \/&gt;\n\t&lt;\/xcdg:DataGridCollectionViewSource.ItemProperties&gt;\n&lt;\/xcdg:DataGridCollectionViewSource&gt;\n<\/code><\/pre>\n\n\n\n<p>Il est \u00e9galement possible d'\"ajouter\" des donn\u00e9es non li\u00e9es \u00e0 un \u00e9l\u00e9ment de donn\u00e9es en utilisant les propri\u00e9t\u00e9s de l'\u00e9l\u00e9ment non li\u00e9, qui sont repr\u00e9sent\u00e9es par la balise&nbsp;<em>DataGridUnboundItemProperty<\/em>&nbsp;(classe). Ces propri\u00e9t\u00e9s d'\u00e9l\u00e9ments non li\u00e9s peuvent \u00eatre utilis\u00e9es pour fournir des donn\u00e9es suppl\u00e9mentaires, telles que des colonnes calcul\u00e9es<\/p>\n\n\n\n<p>Par exemple :<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code data-no-translation=\"\">&lt;xcdg:DataGridCollectionViewSource x:Key=\"cvs_products\"\n\tSource=\"{Binding Source={x:Static Application.Current}, Path=Products}\"&gt;\n\t\t&lt;xcdg:DataGridCollectionViewSource.ItemProperties&gt;\n\n\t\t&lt;xcdg:DataGridUnboundItemProperty Name=\"TotalUnitsValue\"\n\t\t\t\t\t\t\tDataType=\"{x:Type sys:Double}\"\n\t\t\t\t\t\t\tQueryValue=\"DataGridUnboundItemProperty_QueryValue\" \/&gt;\n\n\t&lt;\/xcdg:DataGridCollectionViewSource.ItemProperties&gt;\n&lt;\/xcdg:DataGridCollectionViewSource&gt;\n<\/code><\/pre>\n\n\n\n<h2 class=\"wp-block-heading\">DataGridControl \/ AutoCreateColumns<\/h2>\n\n\n\n<p>Le&nbsp;<em>Le contr\u00f4le DataGrid<\/em>&nbsp;La collection de colonnes repr\u00e9sente les colonnes pr\u00e9sentes dans la grille de donn\u00e9es. Les colonnes peuvent \u00eatre visibles ou cach\u00e9es, mais elles sont pr\u00e9sentes pour \u00eatre utilis\u00e9es par la grille.<\/p>\n\n\n\n<p>Quand&nbsp;<em>Cr\u00e9ation automatique de colonnes<\/em>&nbsp;est fix\u00e9 \u00e0&nbsp;<strong>vrai<\/strong>&nbsp;(valeur par d\u00e9faut), une colonne sera automatiquement cr\u00e9\u00e9e dans le fichier&nbsp;<em>Le contr\u00f4le DataGrid<\/em>&nbsp;pour chaque propri\u00e9t\u00e9 d'\u00e9l\u00e9ment trouv\u00e9e dans le&nbsp;<em>DataGridCollectioView<\/em>&nbsp;(ou autre) qui a \u00e9t\u00e9 d\u00e9fini comme&nbsp;<em>La grille de donn\u00e9es<\/em>&nbsp;source.<\/p>\n\n\n\n<p>Par exemple :<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code data-no-translation=\"\">&lt;xcdg:DataGridControl x:Name=\"OrdersGrid\"\n\tItemsSource=\"{Binding Source={StaticResource cvs_products}}\"&gt;\n\n&lt;\/xcdg:DataGridControl&gt;\n<\/code><\/pre>\n\n\n\n<p>Cependant, il se peut que nous ne voulions qu'un sous-ensemble pour les colonnes de notre grille. Dans ce cas, nous devrons d\u00e9finir&nbsp;<em>Cr\u00e9ation automatique de colonnes<\/em>&nbsp;\u00e0 false et sp\u00e9cifier les colonnes \u00e0 inclure.<\/p>\n\n\n\n<p>Par exemple :<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code data-no-translation=\"\">&lt;xcdg:DataGridControl x:Name=\"OrdersGrid\"\n\tItemsSource=\"{Binding Source={StaticResource cvs_products}}\"\n\tAutoCreateColumns=\"False\"&gt;\n\n\t&lt;xcdg:DataGridControl.Columns&gt;\n\t\t&lt;xcdg:Column FieldName=\"ProductID\" Title=\"ID\" \/&gt;\n\t\t&lt;xcdg:Column FieldName=\"ProductName\" Title=\"Name\" \/&gt;\n\t\t&lt;xcdg:Column FieldName=\"ProductPrice\" Title=\"Price\" \/&gt;\n\t&lt;\/xcdg:DataGridControl.Columns&gt;\n&lt;\/xcdg:DataGridControl&gt;\n<\/code><\/pre>\n\n\n\n<p>Il est \u00e9galement possible d'ajouter des colonnes non li\u00e9es. Celles-ci repr\u00e9sentent une colonne qui peut \u00eatre utilis\u00e9e pour afficher des informations non li\u00e9es \u00e0 des donn\u00e9es, telles qu'une \u00e9tiquette ou des contr\u00f4les permettant d'effectuer une action quelconque (par exemple, un bouton permettant d'ouvrir une fen\u00eatre dans laquelle l'\u00e9l\u00e9ment en cours peut \u00eatre modifi\u00e9).<\/p>\n\n\n\n<p>Par exemple :<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code data-no-translation=\"\">&lt;xcdg:DataGridControl x:Name=\"OrdersGrid\"\n\tItemsSource=\"{Binding Source={StaticResource cvs_products}}\"&gt;\n\n\t&lt;xcdg:DataGridControl.Columns&gt;\n\t\t&lt;xcdg:UnboundColumn FieldName=\"EditRowColumn\" Width=\"30\"&gt;\n\t\t\t&lt;xcdg:UnboundColumn.CellContentTemplate&gt;\n\t\t\t\t&lt;DataTemplate&gt;\n\t\t\t\t\t&lt;Button Click=\"Button_Click\" Content=\"...\" \/&gt;\n\t\t\t\t&lt;\/DataTemplate&gt;\n\t\t\t&lt;\/xcdg:UnboundColumn.CellContentTemplate&gt;\n\t\t&lt;\/xcdg:UnboundColumn&gt;\n\t&lt;\/xcdg:DataGridControl.Columns&gt;\n&lt;\/xcdg:DataGridControl&gt;\n<\/code><\/pre>\n\n\n\n<p>Pour plus d'informations, veuillez vous r\u00e9f\u00e9rer \u00e0 la&nbsp;<a href=\"https:\/\/doc.xceed.com\/xceed-datagrid-for-wpf\/webframe.html#rootWelcome.html\" target=\"_blank\" rel=\"noreferrer noopener\">la documentation<\/a>.<\/p>","protected":false},"excerpt":{"rendered":"<p>Cette fois-ci, nous allons examiner ces propri\u00e9t\u00e9s plus en d\u00e9tail, afin d'en savoir plus sur ce que font les propri\u00e9t\u00e9s AutoCreateItemProperties et AutoCreateColumns, et sur la mani\u00e8re dont nous pouvons les utiliser pour personnaliser les propri\u00e9t\u00e9s d'\u00e9l\u00e9ment et les colonnes au lieu de laisser la grille de donn\u00e9es charger automatiquement tout ce qui est n\u00e9cessaire.<\/p>","protected":false},"author":2,"featured_media":2238,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[141,60],"tags":[],"class_list":["post-2251","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-all","category-tutorials"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.8 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Using ItemProperties and Columns to customize your DataGrid - Xceed<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/xceed.com\/fr\/blog\/tutoriels\/utiliser-itemproperties-et-colonnes-pour-personnaliser-votre-grille-de-donnees\/\" \/>\n<meta property=\"og:locale\" content=\"fr_CA\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Using ItemProperties and Columns to customize your DataGrid - Xceed\" \/>\n<meta property=\"og:description\" content=\"This time, let&#039;s take a look at these properties in more detail, to learn more about what the\u00a0AutoCreateItemProperties\u00a0and\u00a0AutoCreateColumns\u00a0actually do, and how we can use them to customize the\u00a0ItemProperties\u00a0and\u00a0Columns\u00a0instead of letting the DataGrid automatically load everything.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/xceed.com\/fr\/blog\/tutoriels\/utiliser-itemproperties-et-colonnes-pour-personnaliser-votre-grille-de-donnees\/\" \/>\n<meta property=\"og:site_name\" content=\"Xceed\" \/>\n<meta property=\"article:published_time\" content=\"2024-10-17T13:14:31+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-08-04T13:55:31+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/xceed.com\/wp-content\/uploads\/2024\/10\/blog_DGP-1.png\" \/>\n\t<meta property=\"og:image:width\" content=\"350\" \/>\n\t<meta property=\"og:image:height\" content=\"350\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Alain Jreij\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Alain Jreij\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/xceed.com\\\/blog\\\/tutorials\\\/using-itemproperties-and-columns-to-customize-your-datagrid\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/xceed.com\\\/blog\\\/tutorials\\\/using-itemproperties-and-columns-to-customize-your-datagrid\\\/\"},\"author\":{\"name\":\"Alain Jreij\",\"@id\":\"https:\\\/\\\/xceed.com\\\/fr\\\/#\\\/schema\\\/person\\\/2d9169e6fd8ae4a8f58a9e1cc9a73778\"},\"headline\":\"Using ItemProperties and Columns to customize your DataGrid\",\"datePublished\":\"2024-10-17T13:14:31+00:00\",\"dateModified\":\"2025-08-04T13:55:31+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/xceed.com\\\/blog\\\/tutorials\\\/using-itemproperties-and-columns-to-customize-your-datagrid\\\/\"},\"wordCount\":515,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/xceed.com\\\/fr\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/xceed.com\\\/blog\\\/tutorials\\\/using-itemproperties-and-columns-to-customize-your-datagrid\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/xceed.com\\\/wp-content\\\/uploads\\\/2024\\\/10\\\/blog_DGP-1.png\",\"articleSection\":[\"All\",\"Tutorials\"],\"inLanguage\":\"fr-CA\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/xceed.com\\\/blog\\\/tutorials\\\/using-itemproperties-and-columns-to-customize-your-datagrid\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/xceed.com\\\/blog\\\/tutorials\\\/using-itemproperties-and-columns-to-customize-your-datagrid\\\/\",\"url\":\"https:\\\/\\\/xceed.com\\\/blog\\\/tutorials\\\/using-itemproperties-and-columns-to-customize-your-datagrid\\\/\",\"name\":\"Using ItemProperties and Columns to customize your DataGrid - Xceed\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/xceed.com\\\/fr\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/xceed.com\\\/blog\\\/tutorials\\\/using-itemproperties-and-columns-to-customize-your-datagrid\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/xceed.com\\\/blog\\\/tutorials\\\/using-itemproperties-and-columns-to-customize-your-datagrid\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/xceed.com\\\/wp-content\\\/uploads\\\/2024\\\/10\\\/blog_DGP-1.png\",\"datePublished\":\"2024-10-17T13:14:31+00:00\",\"dateModified\":\"2025-08-04T13:55:31+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/xceed.com\\\/blog\\\/tutorials\\\/using-itemproperties-and-columns-to-customize-your-datagrid\\\/#breadcrumb\"},\"inLanguage\":\"fr-CA\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/xceed.com\\\/blog\\\/tutorials\\\/using-itemproperties-and-columns-to-customize-your-datagrid\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-CA\",\"@id\":\"https:\\\/\\\/xceed.com\\\/blog\\\/tutorials\\\/using-itemproperties-and-columns-to-customize-your-datagrid\\\/#primaryimage\",\"url\":\"https:\\\/\\\/xceed.com\\\/wp-content\\\/uploads\\\/2024\\\/10\\\/blog_DGP-1.png\",\"contentUrl\":\"https:\\\/\\\/xceed.com\\\/wp-content\\\/uploads\\\/2024\\\/10\\\/blog_DGP-1.png\",\"width\":350,\"height\":350},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/xceed.com\\\/blog\\\/tutorials\\\/using-itemproperties-and-columns-to-customize-your-datagrid\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/xceed.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Using ItemProperties and Columns to customize your DataGrid\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/xceed.com\\\/fr\\\/#website\",\"url\":\"https:\\\/\\\/xceed.com\\\/fr\\\/\",\"name\":\"Xceed\",\"description\":\"Provides tools for .NET, Windows Forms, WPF, Silverlight, and ASP.NET developers to create better applications.\",\"publisher\":{\"@id\":\"https:\\\/\\\/xceed.com\\\/fr\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/xceed.com\\\/fr\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-CA\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/xceed.com\\\/fr\\\/#organization\",\"name\":\"Xceed\",\"url\":\"https:\\\/\\\/xceed.com\\\/fr\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-CA\",\"@id\":\"https:\\\/\\\/xceed.com\\\/fr\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/xceed.com\\\/wp-content\\\/uploads\\\/2024\\\/04\\\/cropped-xceed-logo.png\",\"contentUrl\":\"https:\\\/\\\/xceed.com\\\/wp-content\\\/uploads\\\/2024\\\/04\\\/cropped-xceed-logo.png\",\"width\":609,\"height\":150,\"caption\":\"Xceed\"},\"image\":{\"@id\":\"https:\\\/\\\/xceed.com\\\/fr\\\/#\\\/schema\\\/logo\\\/image\\\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/xceed.com\\\/fr\\\/#\\\/schema\\\/person\\\/2d9169e6fd8ae4a8f58a9e1cc9a73778\",\"name\":\"Alain Jreij\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-CA\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/87ff2d1efbe1a868809d8d554724877b76941f668176489a42238d867ab8bf06?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/87ff2d1efbe1a868809d8d554724877b76941f668176489a42238d867ab8bf06?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/87ff2d1efbe1a868809d8d554724877b76941f668176489a42238d867ab8bf06?s=96&d=mm&r=g\",\"caption\":\"Alain Jreij\"},\"url\":\"https:\\\/\\\/xceed.com\\\/fr\\\/blog\\\/author\\\/jreijaxceed-com\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Utiliser les ItemProperties et les Columns pour personnaliser votre DataGrid - Xceed","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/xceed.com\/fr\/blog\/tutoriels\/utiliser-itemproperties-et-colonnes-pour-personnaliser-votre-grille-de-donnees\/","og_locale":"fr_CA","og_type":"article","og_title":"Using ItemProperties and Columns to customize your DataGrid - Xceed","og_description":"This time, let's take a look at these properties in more detail, to learn more about what the\u00a0AutoCreateItemProperties\u00a0and\u00a0AutoCreateColumns\u00a0actually do, and how we can use them to customize the\u00a0ItemProperties\u00a0and\u00a0Columns\u00a0instead of letting the DataGrid automatically load everything.","og_url":"https:\/\/xceed.com\/fr\/blog\/tutoriels\/utiliser-itemproperties-et-colonnes-pour-personnaliser-votre-grille-de-donnees\/","og_site_name":"Xceed","article_published_time":"2024-10-17T13:14:31+00:00","article_modified_time":"2025-08-04T13:55:31+00:00","og_image":[{"width":350,"height":350,"url":"https:\/\/xceed.com\/wp-content\/uploads\/2024\/10\/blog_DGP-1.png","type":"image\/png"}],"author":"Alain Jreij","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Alain Jreij","Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/xceed.com\/blog\/tutorials\/using-itemproperties-and-columns-to-customize-your-datagrid\/#article","isPartOf":{"@id":"https:\/\/xceed.com\/blog\/tutorials\/using-itemproperties-and-columns-to-customize-your-datagrid\/"},"author":{"name":"Alain Jreij","@id":"https:\/\/xceed.com\/fr\/#\/schema\/person\/2d9169e6fd8ae4a8f58a9e1cc9a73778"},"headline":"Using ItemProperties and Columns to customize your DataGrid","datePublished":"2024-10-17T13:14:31+00:00","dateModified":"2025-08-04T13:55:31+00:00","mainEntityOfPage":{"@id":"https:\/\/xceed.com\/blog\/tutorials\/using-itemproperties-and-columns-to-customize-your-datagrid\/"},"wordCount":515,"commentCount":0,"publisher":{"@id":"https:\/\/xceed.com\/fr\/#organization"},"image":{"@id":"https:\/\/xceed.com\/blog\/tutorials\/using-itemproperties-and-columns-to-customize-your-datagrid\/#primaryimage"},"thumbnailUrl":"https:\/\/xceed.com\/wp-content\/uploads\/2024\/10\/blog_DGP-1.png","articleSection":["All","Tutorials"],"inLanguage":"fr-CA","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/xceed.com\/blog\/tutorials\/using-itemproperties-and-columns-to-customize-your-datagrid\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/xceed.com\/blog\/tutorials\/using-itemproperties-and-columns-to-customize-your-datagrid\/","url":"https:\/\/xceed.com\/blog\/tutorials\/using-itemproperties-and-columns-to-customize-your-datagrid\/","name":"Utiliser les ItemProperties et les Columns pour personnaliser votre DataGrid - Xceed","isPartOf":{"@id":"https:\/\/xceed.com\/fr\/#website"},"primaryImageOfPage":{"@id":"https:\/\/xceed.com\/blog\/tutorials\/using-itemproperties-and-columns-to-customize-your-datagrid\/#primaryimage"},"image":{"@id":"https:\/\/xceed.com\/blog\/tutorials\/using-itemproperties-and-columns-to-customize-your-datagrid\/#primaryimage"},"thumbnailUrl":"https:\/\/xceed.com\/wp-content\/uploads\/2024\/10\/blog_DGP-1.png","datePublished":"2024-10-17T13:14:31+00:00","dateModified":"2025-08-04T13:55:31+00:00","breadcrumb":{"@id":"https:\/\/xceed.com\/blog\/tutorials\/using-itemproperties-and-columns-to-customize-your-datagrid\/#breadcrumb"},"inLanguage":"fr-CA","potentialAction":[{"@type":"ReadAction","target":["https:\/\/xceed.com\/blog\/tutorials\/using-itemproperties-and-columns-to-customize-your-datagrid\/"]}]},{"@type":"ImageObject","inLanguage":"fr-CA","@id":"https:\/\/xceed.com\/blog\/tutorials\/using-itemproperties-and-columns-to-customize-your-datagrid\/#primaryimage","url":"https:\/\/xceed.com\/wp-content\/uploads\/2024\/10\/blog_DGP-1.png","contentUrl":"https:\/\/xceed.com\/wp-content\/uploads\/2024\/10\/blog_DGP-1.png","width":350,"height":350},{"@type":"BreadcrumbList","@id":"https:\/\/xceed.com\/blog\/tutorials\/using-itemproperties-and-columns-to-customize-your-datagrid\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/xceed.com\/"},{"@type":"ListItem","position":2,"name":"Using ItemProperties and Columns to customize your DataGrid"}]},{"@type":"WebSite","@id":"https:\/\/xceed.com\/fr\/#website","url":"https:\/\/xceed.com\/fr\/","name":"Xceed","description":"Fournit des outils aux d\u00e9veloppeurs .NET, Windows Forms, WPF, Silverlight et ASP.NET pour cr\u00e9er de meilleures applications.","publisher":{"@id":"https:\/\/xceed.com\/fr\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/xceed.com\/fr\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-CA"},{"@type":"Organization","@id":"https:\/\/xceed.com\/fr\/#organization","name":"Xceed","url":"https:\/\/xceed.com\/fr\/","logo":{"@type":"ImageObject","inLanguage":"fr-CA","@id":"https:\/\/xceed.com\/fr\/#\/schema\/logo\/image\/","url":"https:\/\/xceed.com\/wp-content\/uploads\/2024\/04\/cropped-xceed-logo.png","contentUrl":"https:\/\/xceed.com\/wp-content\/uploads\/2024\/04\/cropped-xceed-logo.png","width":609,"height":150,"caption":"Xceed"},"image":{"@id":"https:\/\/xceed.com\/fr\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/xceed.com\/fr\/#\/schema\/person\/2d9169e6fd8ae4a8f58a9e1cc9a73778","name":"Alain Jreij","image":{"@type":"ImageObject","inLanguage":"fr-CA","@id":"https:\/\/secure.gravatar.com\/avatar\/87ff2d1efbe1a868809d8d554724877b76941f668176489a42238d867ab8bf06?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/87ff2d1efbe1a868809d8d554724877b76941f668176489a42238d867ab8bf06?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/87ff2d1efbe1a868809d8d554724877b76941f668176489a42238d867ab8bf06?s=96&d=mm&r=g","caption":"Alain Jreij"},"url":"https:\/\/xceed.com\/fr\/blog\/author\/jreijaxceed-com\/"}]}},"_links":{"self":[{"href":"https:\/\/xceed.com\/fr\/wp-json\/wp\/v2\/posts\/2251","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/xceed.com\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/xceed.com\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/xceed.com\/fr\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/xceed.com\/fr\/wp-json\/wp\/v2\/comments?post=2251"}],"version-history":[{"count":0,"href":"https:\/\/xceed.com\/fr\/wp-json\/wp\/v2\/posts\/2251\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/xceed.com\/fr\/wp-json\/wp\/v2\/media\/2238"}],"wp:attachment":[{"href":"https:\/\/xceed.com\/fr\/wp-json\/wp\/v2\/media?parent=2251"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/xceed.com\/fr\/wp-json\/wp\/v2\/categories?post=2251"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/xceed.com\/fr\/wp-json\/wp\/v2\/tags?post=2251"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}