---
title: "table-layout"
description: "The table-layout property defines the algorithm used to lay out table cells, rows, and columns."
category: css
keywords: table,layout
last_test_date: "2022-07-20"
test_url: "/tests/css-table-layout.html"
test_results_url: "https://testi.at/proj/G4buV6sBBxUr6quykrtVA3sk"
stats: {
  apple-mail: {
    macos: {
      "16": "y",
      "17": "y",
      "18": "y",
      "19": "y",
      "20": "y",
      "21": "y"
    },
    ios: {
      "11": "y",
      "12": "y",
      "13": "y",
      "14": "y",
	"15": "y"
    }
  },
  gmail: {
    desktop-webmail: {
      "2022-07": "y"
    },
    ios: {
      "2022-07": "y"
    },
    android: {
      "2022-07": "y"
    },
    mobile-webmail: {
      "2022-07": "u"
    }
  },
  orange: {
    desktop-webmail: {
      "2022-07":"u"
    },
    ios: {
      "2022-07":"u"
    },
    android: {
      "2022-07":"u"
    }
  },
  outlook: {
    windows: {
      "2007": "n",
      "2010": "n",
      "2013": "n",
      "2016": "n",
      "2019": "n",
	    "2021": "n"
    },
    windows-mail: {
      "2022-07": "n"
    },
    macos: {
      "2022-07": "y",
      "16.80": "n #1",
    },
    outlook-com: {
      "2022-07": "y",
      "2024-01": "y",
    },
    ios: {
      "2022-07": "y"
    },
    android: {
      "2022-07": "y"
    }
  },
  yahoo: {
    desktop-webmail: {
      "2022-07": "y"
    },
    ios: {
     "2022-07": "y"
    },
    android: {
      "2022-07": "y"
    }
  },
  aol: {
    desktop-webmail: {
      "2022-07": "y"
    },
    ios: {
      "2022-07": "u"
    },
    android: {
      "2022-07": "u"
    }
  },
  samsung-email: {
    android: {
      "2022-07": "y"
    }
  },
  sfr: {
    desktop-webmail: {
      "2022-07":"u"
    },
    ios: {
      "2022-07":"u"
    },
    android: {
      "2022-07":"u"
    }
  }, 
  protonmail: {
    desktop-webmail: {
      "2022-07":"y"
    },
    ios: {
      "2022-07":"y"
    },
    android: {
      "2022-07":"y"
    }
  },
  hey: {
    desktop-webmail: {
      "2022-07":"u"
    }
  },
  mail-ru: {
    desktop-webmail: {
      "2022-07":"y"
    }
  },
  fastmail: {
    desktop-webmail: {
      "2022-07": "u"
    }
  }
}
notes_by_num: {
    "1": "Not supported. All tables are forced to `table-layout:fixed`."
}
links: {
  "Can I use: CSS property: table-layout":"https://caniuse.com/mdn-css_properties_table-layout",
  "MDN: table-layout":"https://developer.mozilla.org/en-US/docs/Web/CSS/table-layout"
}
---