diff --git a/packages/react-bootstrap-table2-example/examples/column-filter/clear-all-filters.js b/packages/react-bootstrap-table2-example/examples/column-filter/clear-all-filters.js
index c15f560a8..aba2eafd0 100644
--- a/packages/react-bootstrap-table2-example/examples/column-filter/clear-all-filters.js
+++ b/packages/react-bootstrap-table2-example/examples/column-filter/clear-all-filters.js
@@ -31,7 +31,7 @@ const columns = [{
 })
 }, {
 dataField: 'quality',
- text: 'Product Quailty',
+ text: 'Product Quality',
 formatter: cell => selectOptions[cell],
 filter: selectFilter({
 options: selectOptions,
diff --git a/packages/react-bootstrap-table2-example/examples/column-filter/custom-multi-select-filter.js b/packages/react-bootstrap-table2-example/examples/column-filter/custom-multi-select-filter.js
index 0f90ac970..85e2d6221 100644
--- a/packages/react-bootstrap-table2-example/examples/column-filter/custom-multi-select-filter.js
+++ b/packages/react-bootstrap-table2-example/examples/column-filter/custom-multi-select-filter.js
@@ -20,7 +20,7 @@ const columns = [{
 text: 'Product Name'
 }, {
 dataField: 'quality',
- text: 'Product Quailty',
+ text: 'Product Quality',
 formatter: cell => selectOptions[cell],
 filter: multiSelectFilter({
 options: selectOptions,
@@ -51,7 +51,7 @@ const columns = [{
 text: 'Product Name'
 }, {
 dataField: 'quality',
- text: 'Product Quailty',
+ text: 'Product Quality',
 formatter: cell => selectOptions[cell],
 filter: multiSelectFilter({
 options: selectOptions,
diff --git a/packages/react-bootstrap-table2-example/examples/column-filter/custom-select-filter.js b/packages/react-bootstrap-table2-example/examples/column-filter/custom-select-filter.js
index be7a3661a..60b17274c 100644
--- a/packages/react-bootstrap-table2-example/examples/column-filter/custom-select-filter.js
+++ b/packages/react-bootstrap-table2-example/examples/column-filter/custom-select-filter.js
@@ -20,7 +20,7 @@ const columns = [{
 text: 'Product Name'
 }, {
 dataField: 'quality',
- text: 'Product Quailty',
+ text: 'Product Quality',
 formatter: cell => selectOptions[cell],
 filter: selectFilter({
 options: selectOptions,
@@ -51,7 +51,7 @@ const columns = [{
 text: 'Product Name'
 }, {
 dataField: 'quality',
- text: 'Product Quailty',
+ text: 'Product Quality',
 formatter: cell => selectOptions[cell],
 filter: selectFilter({
 options: selectOptions,
diff --git a/packages/react-bootstrap-table2-example/examples/column-filter/multi-select-filter-default-value.js b/packages/react-bootstrap-table2-example/examples/column-filter/multi-select-filter-default-value.js
index d2b4e19d0..578c8d3e4 100644
--- a/packages/react-bootstrap-table2-example/examples/column-filter/multi-select-filter-default-value.js
+++ b/packages/react-bootstrap-table2-example/examples/column-filter/multi-select-filter-default-value.js
@@ -20,7 +20,7 @@ const columns = [{
 text: 'Product Name'
 }, {
 dataField: 'quality',
- text: 'Product Quailty',
+ text: 'Product Quality',
 formatter: cell => selectOptions[cell],
 filter: multiSelectFilter({
 options: selectOptions,
@@ -46,7 +46,7 @@ const columns = [{
 text: 'Product Name'
 }, {
 dataField: 'quality',
- text: 'Product Quailty',
+ text: 'Product Quality',
 formatter: cell => selectOptions[cell],
 filter: multiSelectFilter({
 options: selectOptions,
diff --git a/packages/react-bootstrap-table2-example/examples/column-filter/multi-select-filter.js b/packages/react-bootstrap-table2-example/examples/column-filter/multi-select-filter.js
index dce63cd77..de54026a6 100644
--- a/packages/react-bootstrap-table2-example/examples/column-filter/multi-select-filter.js
+++ b/packages/react-bootstrap-table2-example/examples/column-filter/multi-select-filter.js
@@ -20,7 +20,7 @@ const columns = [{
 text: 'Product Name'
 }, {
 dataField: 'quality',
- text: 'Product Quailty',
+ text: 'Product Quality',
 formatter: cell => selectOptions[cell],
 filter: multiSelectFilter({
 options: selectOptions
@@ -45,7 +45,7 @@ const columns = [{
 text: 'Product Name'
 }, {
 dataField: 'quality',
- text: 'Product Quailty',
+ text: 'Product Quality',
 formatter: cell => selectOptions[cell],
 filter: multiSelectFilter({
 options: selectOptions
diff --git a/packages/react-bootstrap-table2-example/examples/column-filter/select-filter-default-value.js b/packages/react-bootstrap-table2-example/examples/column-filter/select-filter-default-value.js
index 848766a5a..265265add 100644
--- a/packages/react-bootstrap-table2-example/examples/column-filter/select-filter-default-value.js
+++ b/packages/react-bootstrap-table2-example/examples/column-filter/select-filter-default-value.js
@@ -20,7 +20,7 @@ const columns = [{
 text: 'Product Name'
 }, {
 dataField: 'quality',
- text: 'Product Quailty',
+ text: 'Product Quality',
 formatter: cell => selectOptions[cell],
 filter: selectFilter({
 options: selectOptions,
@@ -46,7 +46,7 @@ const columns = [{
 text: 'Product Name'
 }, {
 dataField: 'quality',
- text: 'Product Quailty',
+ text: 'Product Quality',
 formatter: cell => selectOptions[cell],
 filter: selectFilter({
 options: selectOptions,
diff --git a/packages/react-bootstrap-table2-example/examples/column-filter/select-filter-option-type.js b/packages/react-bootstrap-table2-example/examples/column-filter/select-filter-option-type.js
index 5591d4a86..9407fe235 100644
--- a/packages/react-bootstrap-table2-example/examples/column-filter/select-filter-option-type.js
+++ b/packages/react-bootstrap-table2-example/examples/column-filter/select-filter-option-type.js
@@ -31,7 +31,7 @@ const columns1 = [{
 text: 'Product Name'
 }, {
 dataField: 'quality',
- text: 'Product Quailty',
+ text: 'Product Quality',
 formatter: cell => selectOptions[cell],
 filter: selectFilter({
 options: selectOptions
@@ -46,7 +46,7 @@ const columns2 = [{
 text: 'Product Name'
 }, {
 dataField: 'quality',
- text: 'Product Quailty',
+ text: 'Product Quality',
 formatter: cell => selectOptionsArr.filter(opt => opt.value === cell)[0].label || '',
 filter: selectFilter({
 options: selectOptionsArr
@@ -61,7 +61,7 @@ const columns3 = [{
 text: 'Product Name'
 }, {
 dataField: 'quality',
- text: 'Product Quailty',
+ text: 'Product Quality',
 formatter: cell => selectOptionsArr.filter(opt => opt.value === cell)[0].label || '',
 filter: selectFilter({
 options: () => selectOptionsArr
@@ -93,7 +93,7 @@ const selectOptionsArr = [{
 
 const columns1 = [..., {
 dataField: 'quality',
- text: 'Product Quailty',
+ text: 'Product Quality',
 formatter: cell => selectOptions[cell],
 filter: selectFilter({
 options: selectOptions
@@ -103,7 +103,7 @@ const columns1 = [..., {
 
 const columns2 = [..., {
 dataField: 'quality',
- text: 'Product Quailty',
+ text: 'Product Quality',
 formatter: cell => selectOptionsArr.filter(opt => opt.value === cell)[0].label || '',
 filter: selectFilter({
 options: selectOptionsArr
@@ -113,7 +113,7 @@ const columns2 = [..., {
 
 const columns3 = [..., {
 dataField: 'quality',
- text: 'Product Quailty',
+ text: 'Product Quality',
 formatter: cell => selectOptionsArr.filter(opt => opt.value === cell)[0].label || '',
 filter: selectFilter({
 options: () => selectOptionsArr
diff --git a/packages/react-bootstrap-table2-example/examples/column-filter/select-filter-preserve-option-order.js b/packages/react-bootstrap-table2-example/examples/column-filter/select-filter-preserve-option-order.js
index 0f920882f..9fc5e4773 100644
--- a/packages/react-bootstrap-table2-example/examples/column-filter/select-filter-preserve-option-order.js
+++ b/packages/react-bootstrap-table2-example/examples/column-filter/select-filter-preserve-option-order.js
@@ -21,7 +21,7 @@ const columns = [{
 text: 'Product Name'
 }, {
 dataField: 'quality',
- text: 'Product Quailty',
+ text: 'Product Quality',
 formatter: cell => selectOptions.find(opt => opt.value === cell).label,
 filter: selectFilter({
 options: selectOptions
@@ -46,7 +46,7 @@ const columns = [{
 text: 'Product Name'
 }, {
 dataField: 'quality',
- text: 'Product Quailty',
+ text: 'Product Quality',
 formatter: cell => selectOptions.find(opt => opt.value === cell).label,
 filter: selectFilter({
 options: selectOptions
diff --git a/packages/react-bootstrap-table2-example/examples/column-filter/select-filter.js b/packages/react-bootstrap-table2-example/examples/column-filter/select-filter.js
index 6acf84901..c30ee1b8c 100644
--- a/packages/react-bootstrap-table2-example/examples/column-filter/select-filter.js
+++ b/packages/react-bootstrap-table2-example/examples/column-filter/select-filter.js
@@ -20,7 +20,7 @@ const columns = [{
 text: 'Product Name'
 }, {
 dataField: 'quality',
- text: 'Product Quailty',
+ text: 'Product Quality',
 formatter: cell => selectOptions[cell],
 filter: selectFilter({
 options: selectOptions
@@ -45,7 +45,7 @@ const columns = [{
 text: 'Product Name'
 }, {
 dataField: 'quality',
- text: 'Product Quailty',
+ text: 'Product Quality',
 formatter: cell => selectOptions[cell],
 filter: selectFilter({
 options: selectOptions
diff --git a/packages/react-bootstrap-table2-example/examples/pagination/custome-page-list-with-filter.js b/packages/react-bootstrap-table2-example/examples/pagination/custome-page-list-with-filter.js
index 1997d376e..d5bf50e54 100644
--- a/packages/react-bootstrap-table2-example/examples/pagination/custome-page-list-with-filter.js
+++ b/packages/react-bootstrap-table2-example/examples/pagination/custome-page-list-with-filter.js
@@ -24,7 +24,7 @@ const columns = [{
 filter: textFilter()
 }, {
 dataField: 'quality',
- text: 'Product Quailty',
+ text: 'Product Quality',
 formatter: cell => selectOptions[cell],
 filter: selectFilter({
 options: selectOptions,
@@ -52,7 +52,7 @@ const columns = [{
 filter: textFilter()
 }, {
 dataField: 'quality',
- text: 'Product Quailty',
+ text: 'Product Quality',
 formatter: cell => selectOptions[cell],
 filter: selectFilter({
 options: selectOptions,
diff --git a/packages/react-bootstrap-table2-filter/README.md b/packages/react-bootstrap-table2-filter/README.md
index 70f45914f..ec7e1cbfd 100644
--- a/packages/react-bootstrap-table2-filter/README.md
+++ b/packages/react-bootstrap-table2-filter/README.md
@@ -87,7 +87,7 @@ const selectOptions = {
 const columns = [
 ..., {
 dataField: 'quality',
- text: 'Product Quailty',
+ text: 'Product Quality',
 formatter: cell => selectOptions[cell],
 filter: selectFilter({
 options: selectOptions
@@ -130,7 +130,7 @@ const selectOptions = [
 const columns = [
 ..., {
 dataField: 'quality',
- text: 'Product Quailty',
+ text: 'Product Quality',
 formatter: cell => selectOptions.find(opt => opt.value === cell).label,
 filter: selectFilter({
 options: selectOptions
@@ -148,7 +148,7 @@ const selectOptions = [
 const columns = [
 ..., {
 dataField: 'quality',
- text: 'Product Quailty',
+ text: 'Product Quality',
 formatter: cell => selectOptions.find(opt => opt.value === cell).label,
 filter: selectFilter({
 options: () => selectOptions
@@ -175,7 +175,7 @@ const selectOptions = {
 const columns = [
 ..., {
 dataField: 'quality',
- text: 'Product Quailty',
+ text: 'Product Quality',
 formatter: cell => selectOptions[cell],
 filter: multiSelectFilter({
 options: selectOptions
</div><div class="naked_ctrl">
<form action="/index.cgi/contrast" method="get" name="gate">
<p><a href="http://altstyle.alfasado.net">AltStyle</a> によって変換されたページ <a href="https://patch-diff.githubusercontent.com/raw/react-bootstrap-table/react-bootstrap-table2/pull/1485.diff">(-&gt;オリジナル)</a>
/ <label>アドレス: <input type="text" name="naked_post_url" value="https://patch-diff.githubusercontent.com/raw/react-bootstrap-table/react-bootstrap-table2/pull/1485.diff" size="22" /></label> <label>モード: <select name="naked_post_mode">
<option value="default">デフォルト</option>
<option value="speech">音声ブラウザ</option>
<option value="ruby">ルビ付き</option>
<option value="contrast" selected="selected">配色反転</option>
<option value="larger-text">文字拡大</option>
<option value="mobile">モバイル</option>
</select>
<input type="submit" value="表示" />
</p>
</form>
</div>